🐛 Fix zooming while color picker breaks UI

CHANGES.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 1.18.4
+
+### :bug: Bugs fixed
+
+- Fix zooming while color picker breaks UI [GH #3214](https://github.com/penpot/penpot/issues/3214)
+
 ## 1.18.3
 
 ### :bug: Bugs fixed

frontend/src/app/main/ui/workspace/viewport/actions.cljs

@@ -361,9 +361,10 @@
    (fn [event]
      (let [event  (.getBrowserEvent ^js event)
            target (dom/get-target event)
-           mod? (kbd/mod? event)]
+           mod? (kbd/mod? event)
+           picking-color? (= "pixel-overlay" (.-id target))]
 
-       (when (uwvv/inside-viewport? target)
+       (when (or (uwvv/inside-viewport? target) picking-color?)
          (dom/prevent-default event)
          (dom/stop-propagation event)
          (let [raw-pt (dom/get-client-position event)

frontend/src/app/main/ui/workspace/viewport/pixel_overlay.cljs

@@ -183,7 +183,8 @@
 
     [:*
      [:div.pixel-overlay
-      {:tab-index 0
+      {:id "pixel-overlay"
+       :tab-index 0
        :style {:cursor cur/picker}
        :on-pointer-down handle-pointer-down-picker
        :on-pointer-up handle-pointer-up-picker

version.txt

@@ -1 +1 @@
-1.18.3
+1.18.4