🐛 Fix problem with rules when changing pages

frontend/src/app/main/ui/hooks/resize.cljs

@@ -81,7 +81,8 @@
         callback     (hooks/use-ref-callback callback)
 
         ;; We use the ref as a callback when the dom node is ready (or change)
-        node-ref     (mf/use-fn
+        node-ref
+        (mf/use-fn
          (fn [^js node]
            (when (some? node)
              (let [^js observer (mf/ref-val observer-ref)
@@ -97,7 +98,8 @@
                                      #(callback last-resize-type (dom/get-client-size node)))]
                    (mf/set-ref-val! observer-ref observer)
                    (log/debug :action "observe"  :js/node node :js/observer observer)
-                                (.observe observer node))))
+                   (.observe observer node)
+                   (callback last-resize-type (dom/get-client-size node)))))
 
              (mf/set-ref-val! prev-val-ref node))))]
 

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

@@ -70,7 +70,8 @@
      (when (and textpalette? (not hide-ui?))
        [:& textpalette])
 
-     [:section.workspace-content {:ref node-ref}
+     [:section.workspace-content {:key (dm/str "workspace-" page-id)
+                                  :ref node-ref}
       [:section.workspace-viewport
        (when (debug? :coordinates)
          [:& coordinates/coordinates {:colorpalette? colorpalette?}])
@@ -79,8 +80,7 @@
          [:div.history-debug-overlay
           [:button {:on-click #(st/emit! dw/reinitialize-undo)} "CLEAR"]
           [:& history-toolbox]])
-       [:& viewport {:key (dm/str "workspace-" page-id)
-                     :file file
+       [:& viewport {:file file
                      :wlocal wlocal
                      :wglobal wglobal
                      :selected selected