🐛 Fix page always visible when selecting it in sitemap

CHANGES.md

@@ -33,6 +33,7 @@
 - Fix problem displaying team statistics [#859](https://github.com/penpot/penpot/issues/859)
 - Fix problems with text editor selection [Taiga #1546](https://tree.taiga.io/project/penpot/issue/1546)
 - Fix problem when opening the context menu in dashboard at the bottom [#856](https://github.com/penpot/penpot/issues/856)
+- Fix visibility of pages in sitemap when changing page [Taiga #1618](https://tree.taiga.io/project/penpot/issue/1618)
 - Fix visual problem with group invite [Taiga #1290](https://tree.taiga.io/project/penpot/issue/1290)
 - Fix issues with promote owner panel [Taiga #763](https://tree.taiga.io/project/penpot/issue/763)
 - Allow use library colors when defining gradients [Taiga #1614](https://tree.taiga.io/project/penpot/issue/1614)

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

@@ -102,6 +102,13 @@
                 :index index
                 :name (:name page)})]
 
+    (mf/use-effect
+      (mf/deps selected?)
+      (fn []
+        (when selected?
+          (let [node (mf/ref-val dref)]
+            (.scrollIntoViewIfNeeded ^js node)))))
+
     (mf/use-layout-effect
      (mf/deps (:edition @local))
      (fn []