feat(SHS-5955): Prevent modal from scrolling when adding new social l…

…inks

docroot/modules/humsci/hs_blocks/hs_blocks.libraries.yml

@@ -22,3 +22,9 @@ back_to_top:
       css/hs_blocks.back_to_top.css: {}
   js:
     js/hs_blocks.back_to_top.js: {}
+prevent_modal_scroll:
+  js:
+    js/hs_blocks.prevent_modal_scroll.js: {}
+  dependencies:
+    - core/jquery
+    - core/drupal

docroot/modules/humsci/hs_blocks/js/hs_blocks.prevent_modal_scroll.js

@@ -0,0 +1,22 @@
+(function (Drupal, once, jQuery) {
+  Drupal.behaviors.preventScroll = {
+    attach: function (context) {
+      once('preventScroll', 'input[name="links_add_more"]', context).forEach((input) => {
+        jQuery(input).on('click', function () {
+
+          // Wait for the AJAX update to complete - due to block_class module?
+          setTimeout(() => {
+            const modal = jQuery('#drupal-modal');
+            const table = modal.find('table[id^="links-values"]');
+            const lastRow = table.find('tr:last');
+
+            if (modal.length && lastRow.length) {
+              const lastRowOffsetTop = lastRow[0].offsetTop - modal[0].offsetTop;
+              modal.scrollTop(lastRowOffsetTop);
+            }
+          }, 400);
+        });
+      });
+    },
+  };
+})(Drupal, once, jQuery);

docroot/modules/humsci/hs_blocks/src/Plugin/Block/SocialMediaBlock.php

@@ -156,6 +156,16 @@ public function blockForm($form, FormStateInterface $form_state): array {
         'callback' => [get_class($this), 'addMoreAjax'],
         'wrapper' => 'links-wrapper',
         'effect' => 'fade',
+        'event' => 'click',
+        'progress' => [
+          'type' => 'throbber',
+          'message' => NULL,
+        ],
+      ],
+      '#attached' => [
+        'library' => [
+          'hs_blocks/prevent_modal_scroll',
+        ],
       ],
     ];