Fix on-mouse-up not firing when resizing
This commit is contained in:
parent
5d4f21b89f
commit
0a4d04b214
|
@ -344,7 +344,8 @@
|
||||||
(let [x (.-clientX e)
|
(let [x (.-clientX e)
|
||||||
y (.-clientY e)]
|
y (.-clientY e)]
|
||||||
(.preventDefault e)
|
(.preventDefault e)
|
||||||
(reset! panel-width-ratio (/ (- window-width x) window-width)))))]
|
(reset! panel-width-ratio (/ (- window-width x) window-width)))))
|
||||||
|
handle-mouse-up (fn [e] (reset! dragging? false))]
|
||||||
(add-watch panel-width-ratio
|
(add-watch panel-width-ratio
|
||||||
:update-panel-width-ratio
|
:update-panel-width-ratio
|
||||||
(fn [_ _ _ new-state]
|
(fn [_ _ _ new-state]
|
||||||
|
@ -357,10 +358,12 @@
|
||||||
{:component-will-mount (fn []
|
{:component-will-mount (fn []
|
||||||
(toggle-traces showing?)
|
(toggle-traces showing?)
|
||||||
(js/window.addEventListener "keydown" handle-keys)
|
(js/window.addEventListener "keydown" handle-keys)
|
||||||
(js/window.addEventListener "mousemove" handle-mousemove))
|
(js/window.addEventListener "mousemove" handle-mousemove)
|
||||||
|
(js/window.addEventListener "mouseup" handle-mouse-up))
|
||||||
:component-will-unmount (fn []
|
:component-will-unmount (fn []
|
||||||
(js/window.removeEventListener "keydown" handle-keys)
|
(js/window.removeEventListener "keydown" handle-keys)
|
||||||
(js/window.removeEventListener "mousemove" handle-mousemove))
|
(js/window.removeEventListener "mousemove" handle-mousemove)
|
||||||
|
(js/window.removeEventListener "mouseup" handle-mouse-up))
|
||||||
:display-name "devtools outer"
|
:display-name "devtools outer"
|
||||||
:reagent-render (fn []
|
:reagent-render (fn []
|
||||||
(let [draggable-area 10
|
(let [draggable-area 10
|
||||||
|
@ -376,8 +379,7 @@
|
||||||
:left left :top "0px" :width (str (inc (int (* 100 @panel-width-ratio))) "%") :height "100%"
|
:left left :top "0px" :width (str (inc (int (* 100 @panel-width-ratio))) "%") :height "100%"
|
||||||
:transition transition}}
|
:transition transition}}
|
||||||
[:div.panel-resizer {:style (resizer-style draggable-area)
|
[:div.panel-resizer {:style (resizer-style draggable-area)
|
||||||
:on-mouse-down #(reset! dragging? true)
|
:on-mouse-down #(reset! dragging? true)}]
|
||||||
:on-mouse-up #(reset! dragging? false)}]
|
|
||||||
[:div.panel-content
|
[:div.panel-content
|
||||||
{:style {:width "100%" :height "100%" :display "flex" :flex-direction "column"}}
|
{:style {:width "100%" :height "100%" :display "flex" :flex-direction "column"}}
|
||||||
[:div.panel-content-top
|
[:div.panel-content-top
|
||||||
|
|
Loading…
Reference in New Issue