new update severly broken on RTL sites

  • Resolved vgstudios

    (@vgstudios)


    1 year, 5 months ago

    On RTL language sites, the dialogue is moved outside of the browser view to the right when opening the hcaptcha and thus inaccessible.

    Also want to note that the dialogue is generated in DIVs in the body that have no class, so it’s hard to fix it myself from CSS.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter vgstudios

    (@vgstudios)

    1 year, 5 months ago

    
/* Fix hCaptcha CSS */

body > div[aria-hidden="true"] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

    It seems it was already broken in one of the previous updates / has already the same problem there.

    Plugin Contributor kaggdesign

    (@kaggdesign)

    1 year, 5 months ago

    Can you provide a link to the page where you have troubles? Thank you.

    Thread Starter vgstudios

    (@vgstudios)

    1 year, 5 months ago

    Original site (fixed a bit by placing the CSS above, since it’s a live site I can not leave it as is):
    https://www.k-events.co.il/
    This still jumps though on first open of the captcha.
    This site uses the popular Impreza premium theme.
    (The hCaptcha is on CF7 and checkout.)

    Test site I set up with a different theme (WiPi.co.il):
    https://hcaptcha.lp.vagas.co.il/
    This site doesn’t need the CSS fix in order to not break the page, but it still jumps to the top of the page on every open of the captcha.
    (The hCaptcha is on CF7.)
    Edit: the CF7 / captcha is a the bottom of the page.

    So the design breaking is theme specific, but the jumping to top on opening hCaptcha is not.

    If you want me to modify the testsite to have the Impreza premium theme temporarily, let me know please.

    • This reply was modified 1 year, 5 months ago by vgstudios. Reason: added captcha location info
    Plugin Contributor kaggdesign

    (@kaggdesign)

    1 year, 5 months ago

    The scrolling issue has no relation to the plugin. I have created a minimal reproducible example: https://test.kagg.eu/hcaptcha.html. It is a simple HTML page which uses Captcha script only. It works well in Chrome but scrolls to the top in Firefox.

    To reproduce, you need to update the page, click on the hCaptcha badge to get the challenge popup, close the popup by clicking outside and click on the badge again. Firefox will scroll the page to the top.

    I have reported the issue to the Captcha script development team.

    Thread Starter vgstudios

    (@vgstudios)

    1 year, 5 months ago

    Hi. I didn’t know that, sorry. Thank you very much for your efforts and your plugin. I guess the issue will be resolved then.

    Plugin Author hcaptcha

    (@hcaptcha)

    1 year, 5 months ago

    @vgstudios Yes, this is not related to the WP plugin. Seems like it affects some Firefox versions on particular DOM layouts. The relevant devs are looking at it now, so should be updated soon.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘new update severly broken on RTL sites’ is closed to new replies.