react-hcaptcha icon indicating copy to clipboard operation
react-hcaptcha copied to clipboard

hcaptcha has alignment issues causing ugly white background to show up in darkmode

Open tilkinsc opened this issue 1 year ago • 2 comments
trafficstars

Reproduced on both edge and firefox. Version 1.10.1

image

			<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. image

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. image

tilkinsc avatar Mar 17 '24 16:03 tilkinsc