From a6745602d6a2585410139a3c7b2f0d7f59c02ece Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Wed, 12 Mar 2025 15:59:37 -0400
Subject: [PATCH] fix color picker light dismiss (#794)

* fix color picker light dismiss

* update changelog
---
 docs/docs/resources/changelog.md             | 1 +
 src/components/color-picker/color-picker.css | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/docs/resources/changelog.md b/docs/docs/resources/changelog.md
index 275fd9702..0da89e80d 100644
--- a/docs/docs/resources/changelog.md
+++ b/docs/docs/resources/changelog.md
@@ -16,6 +16,7 @@ During the alpha period, things might break! We take breaking changes very serio
 
 - Fixed `wa-pill` class for text fields
 - Fixed `pill` style for `<wa-input>` elements
+- Fixed a bug in `<wa-color-picker>` that prevented light dismiss from working when clicking immediately above the color picker dropdown
 
 ## 3.0.0-alpha.11
 
diff --git a/src/components/color-picker/color-picker.css b/src/components/color-picker/color-picker.css
index fa7e6ad18..2cf52a21f 100644
--- a/src/components/color-picker/color-picker.css
+++ b/src/components/color-picker/color-picker.css
@@ -278,11 +278,11 @@
 }
 
 /*
-   * Color dropdown
-   */
+ * Color dropdown
+ */
 
 .color-dropdown {
-  display: flex;
+  display: contents;
 }
 
 .color-dropdown::part(panel) {