Form renderer: scroll to top of section on next/previous

Author: AdrienClairembault

css/includes/components/form/_form-renderer.scss

@@ -151,4 +151,8 @@
             top: unset;
         }
     }
+
+    [data-glpi-form-renderer-section] {
+        scroll-margin-top: 72px; // Height of sticky header + 16px
+    }
 }

js/modules/Forms/RendererController.js

@@ -353,6 +353,9 @@ export class GlpiFormRendererController
 
         // Update actions visibility
         this.#updateActionsVisiblity();
+
+        // Scroll to the top of the section
+        $('[data-glpi-form-renderer-section]:visible')[0].scrollIntoView();
     }
 
     /**
@@ -388,6 +391,9 @@ export class GlpiFormRendererController
 
         // Update actions visibility
         this.#updateActionsVisiblity();
+
+        // Scroll to the top of the section
+        $('[data-glpi-form-renderer-section]:visible')[0].scrollIntoView();
     }
 
     /**