invisible-recaptcha icon indicating copy to clipboard operation
invisible-recaptcha copied to clipboard

Published 20 hours ago • verified publisher icon albertcht

Conflict with VueJS

Open desthercz opened this issue 3 years ago • 0 comments

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!

desthercz avatar Jul 01 '21 10:07 desthercz