react-hcaptcha
react-hcaptcha copied to clipboard
hcaptcha has alignment issues causing ugly white background to show up in darkmode
trafficstars
Reproduced on both edge and firefox. Version 1.10.1
<HCaptcha
sitekey="10000000-ffff-ffff-ffff-000000000001"
onVerify={(token, eKey) => 1}
reCaptchaCompat={false}
/>
I have dug into the html and it appears that the body of the iframe that gets injected is at fault. On the left, you can see me editing around with the style of the html as shown below. On the right thats the vanilla code you see above.
I am using vite, bootstrap, and react-router-dom. This background doesn't seem respective to those being present. Proven by deleting all the css on the page, as shown below.