Not able to choose Color picker in customizer when the blocks are added in widget

[nileshc]

Hi Team,

I hope you are doing well and safe!

I would like to highlight an issue with the color picker in the customizer when using the blocks in widgets.

1. For choosing the custom color, whenever you click on the color selection, it will trigger a click event where it will ask you to leave the site or not?

Here is the screenshot: ​https://share.bsf.io/YEur81BW

2. The color selection palette is not properly displayed.

Here is the screenshot: ​https://share.bsf.io/wbuzJ0zq

Furthermore, I have gone ahead and found that this issue is coming from WordPress version 5.9.2

Also, I have demonstrated a video that would help you check it on your end too.

This issue is occurring on default themes as well as other famous themes as well.

Here is the screencast: ​https://share.bsf.io/yAuKoy2J

I would suggest you please check this on priority and release a patch for this issue, as users are facing lots of issues due to this.

Looking forward to your response.

[nileshc]

Hello,

Is there any update on this issue?

Just following up on the issue that is reported, are there any findings that you would like to share?

Looking forward to your response, as soon as possible.

[r1k0]

Reproduction Report

Environment

• WordPress: 6.9
• PHP: 8.4.17
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 8.0.38 / Client: 3.51.0)
• Browser: Chrome 144.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty-One 2.7
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Steps taken

1. Head over to Appearance > Customize > Widgets.
2. Click any of the headings there or add a heading block and click the three-dot button to open the options menu.
3. Click *Show more settings.
4. Under Color, pick either Text/Background, and in the color popover, click the color selector.
5. Observe the positioning of the color picker.
6. Pick any desired color, and click away from this area to close the picker and popover.
7. Repeat step 4, and observe if any click events are triggered when you do this.
8. ❌ Bug is not occurring

Expected behavior

• The color picker should be fully visible and positioned in an accessible place.
• Clicking the color popover again after selecting a color opens up the color picker.

Additional Notes

• This issue no longer exists.
• I believe the issue was most likely fixed in Gutenberg; I was not able to pinpoint the PR that fixed it.

Screenshots/Screencast with results

​https://files.catbox.moe/c5a2ny.webm

[r1k0]

This should be closed, and hopefully a link to the fix added.