Nested Color Picker Cannot Be Closed by Clicking Outside in Popups

Version Information

All

Environment

All

What is the expected behaviour?

When a color picker is nested inside another popup (e.g., within a box shadow selector), the color picker should close when clicking outside of it but still within the parent popup area. This is standard UI behavior for nested modal/popup components.

What is the current behaviour?

Color pickers that are nested inside other popups (such as within a box shadow selector) cannot be closed by clicking outside. Users cannot dismiss the nested color picker by clicking on the parent popup area, leaving them with no intuitive way to close the color picker after making their selection.

How to reproduce the issue?

1. Open a component that has nested popups (e.g., box shadow selector)
2. Within the parent popup, click to open a color picker
3. Try to close the color picker by clicking outside of it but within the parent popup area
4. Observe that the color picker remains open and cannot be dismissed
5. Notice there's no way to close the nested color picker without potentially closing the entire parent popup

Screenshots or Screencast

https://github.com/user-attachments/assets/e5c9e292-9dda-4d33-a8b2-bcdf6fff5064