From 9be032beda5cd14c1573eca6ebfb9b47eff1dc78 Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Sun, 6 Oct 2024 12:41:28 -0400
Subject: [PATCH] Add close/collapse actions

---
 app/views/bubbles/_color.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/bubbles/_color.html.erb b/app/views/bubbles/_color.html.erb
index 0ff307628..55630ba08 100644
--- a/app/views/bubbles/_color.html.erb
+++ b/app/views/bubbles/_color.html.erb
@@ -4,7 +4,7 @@
     <span class="for-screen-reader">Change color</span>
   </button>
 
-  <dialog class="bubble__color-picker" data-dialog-target="dialog">
+  <dialog class="bubble__color-picker" data-dialog-target="dialog" data-action="keydown.esc->dialog#close click@document->dialog#closeOnClickOutside">
     <%= form_with model: bubble, url: bucket_bubble_path(bubble.bucket, bubble), data: { controller: "form", action: "change->form#submit" } do |form| %>
       <% Bubble::COLORS.each do |color| %>
         <span class="bubble__color-picker__color">