albertcht / invisible-recaptcha

An invisible reCAPTCHA package for Laravel, Lumen, CI or native PHP.
MIT License
601 stars 162 forks source link

Conflict with VueJS #151

Open desthercz opened 3 years ago

desthercz commented 3 years ago

Hi, i saw you added some optimizations for VueJS which works nicely, but i found a minor bug.

Follow these steps in Laravel app with VueJS 1) Implement recaptcha with your VueJS guidelines (polyfill part to head, html in form and script part placed outside of Vue wrapper element) 2) DISABLE recaptcha badge in config

Now just load page and you can see that Vue framework throw and error that you have style placed inside your Vue part. That is because @captchaHTML actually also include style with display:none on the badge.

You can easily fix this by placing style tag in the @captchaPolyfill and not @captchaHTML.

Many thanks for great package and have a nice day!