hCaptcha adds incorrect CSS

  • Resolved rinart73

    (@rinart73)


    3 years, 9 months ago

    The following CSS is incorrect because in CSS we can’t have nested elements like that (maybe you had SCSS but forgot to convert?). As a result I’m getting validation issues:

    div[style*="z-index: 2147483647"] {
  div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] {
    border-style: none;
  }
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor kaggdesign

    (@kaggdesign)

    3 years, 9 months ago

    Thank you for your comment.

    This CSS was introduced to fix the black border UI issue: and it worked.

    I have updated it to pass the validation:

    
			div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] {
				border-style: none;
			}

    The updated CSS is added to v1.18.0, which will be published in August.

    Plugin Contributor kaggdesign

    (@kaggdesign)

    3 years, 9 months ago

    In the previous message, I tried to insert this picture: https://prnt.sc/hlhX-5daAo_w.

    Thread Starter rinart73

    (@rinart73)

    3 years, 9 months ago

    On our website black border was still present and we had to add custom CSS to fix it.
    Your new CSS seems to work fine though. Thanks for response.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘hCaptcha adds incorrect CSS’ is closed to new replies.