Safari Browser - Component Color Picker not getting closed on Custom Color Picker button click

[monikarao]

When I am trying to close color picker on the **Custom color picker** button click. It's not getting closed. It's working properly on Chrome browser but somehow not working on the Safari browser.

Here is a screencast :

Safari - ​https://share.getcloudapp.com/8LuJ49lP (Version-13.0.5)
Chrome - ​https://share.getcloudapp.com/Qwu762od (Version 80.0.3987.106)

[afercia]

Doesn't work in Firefox as well.

Worth noting the same issue can be reproduced on the Visibility and Publish buttons. Basically seems to work only on webkit browsers. Suspect: events conflict / browsers quirks in the "click outside" implementation.

[lakshyajeet]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.29
• Server: nginx/1.29.0
• Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.29)
• Browser: Chrome 138.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.3
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ❌ Could not reproduce the issue.
   • The Custom color picker closed correctly on button click in all tested browsers (Chrome, Firefox, and Safari).

Additional Notes

• The behavior was consistent and working as expected across all browsers.
• Possibly resolved in newer browser/OS/WordPress versions compared to what was originally reported..

[lakshyajeet]

Color Picker behaviour in Chrome

[lakshyajeet]

Color Picker behaviour in Safari

[lakshyajeet]

Color Picker behaviour in Firefox