fix: scroll clicked element into view after ajax when interacting wit…

…h tree view
intranda · Aug 30, 2024 · fbdb1ea · fbdb1ea
1 parent 0799b3a
commit fbdb1ea
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/module-gui/src/main/webapp/resources/uii/plugin_administration_archive_management.xhtml b/module-gui/src/main/webapp/resources/uii/plugin_administration_archive_management.xhtml
@@ -360,7 +360,12 @@
                                                             <f:ajax
                                                                 execute="ead-details"
                                                                 render="ead-details"
-                                                                onevent="(data) => {gwHandleTooltip.init(data); gwInitTooltips.init();}" />
+                                                                onevent="(data) => {
+                                                                    gwHandleTooltip.init(data);
+                                                                    gwInitTooltips.init();
+                                                                    if (data.status === 'success') {
+                                                                        document.getElementById(data.source.id).scrollIntoView({block: 'start', inline: 'nearest'});
+                                                                    }}" />
                                                         </h:commandLink>
                                                     </div>
                                                     <div class="content">
@@ -404,7 +409,13 @@
                                                             <f:ajax
                                                                 execute="ead-details"
                                                                 render="hierarchy ead-details globalMessage"
-                                                                onevent="(data) => {gwHandleTooltip.init(data); gwInitTooltips.init();}" />
+                                                                onevent="(data) => {
+                                                                    gwHandleTooltip.init(data);
+                                                                    gwInitTooltips.init();
+                                                                    if (data.status === 'success') {
+                                                                        document.getElementById(data.source.id).scrollIntoView({block: 'start', inline: 'nearest'});
+                                                                    }
+                                                                }" />
                                                         </h:commandLink>
                                                     </div>
                                                 </div>