[4.0] #29722 hidden recaptcha v2

[hans2103]

Pull Request for Issue #29722 .

Summary of Changes

This PR will add inline styling for the Google invisible reCaptcha v2 and prevents it from hiding behind other elements by adding a huge z-index.

Testing Instructions

• follow the instructions as mentioned on [4.0] Captcha appears behind right column modules #29722
• apply this patch
• no NPM needed
• repeat the instructions

Actual result BEFORE applying this Pull Request

Google invisible reCaptcha v2 badge is hiding behind other blocks

Expected result AFTER applying this Pull Request

Google invisible reCaptcha v2 badge is in front of other blocks

Documentation Changes Required

[brianteeman]

can it please be done without using an inline style

[hans2103]

@brianteeman I was not able to find the exact location of the inline styles on the element. And loading an extra css file when this plugin is enabled does not seem to be a better solution then using the proposed style element.

[ceford]

I have tested this item ✅ successfully on 5bf6e64

It works as described, although getting a V2 Key is a pain. It seems to me the obvious place to put the style is in template.css. Will other template developers want to use a different z-index?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/31454.}

[brianteeman]

@hans2103 the aim is to try and remove inline styles - not easy - but we certainly should not be adding any. This is to allow stricter CSP policies for security.

cc @zero-24 @wilsonge

[ghost]

I have tested this item ✅ successfully on 5bf6e64

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/31454.}

[Quy]

@hans2103 You can see how it is done in PR #31098.

[hans2103]

@Quy I know how it is done. The reason I added is using inline styling was to prevent an extra httpRequest.

[richard67]

@ceford @Gostn This PR has received changes. Could you test again? Thanks in advance.

[ceford]

I have tested this item ✅ successfully on 39fa0ea

It still works. Do we have any information on the extra time needed to fetch a style sheet containing one line?

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/31454.}

[Fedik]

The reason I added is using inline styling was to prevent an extra httpRequest.

You can add it to existing template css, no need inline css or separated css file.
It is template styling issue, not reCaptcha issue

[ghost]

I have tested this item ✅ successfully on 39fa0ea

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/31454.}

[richard67]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/31454.}

[laoneo]

Thanks!