ENGCOM-8166: #1801: User is not scrolled up to the "Login failed. Please check if the Secret Key..." error, and can miss the message #29947

Author: gabrieldagama

app/code/Magento/MediaGalleryUi/view/adminhtml/web/js/grid/columns/image.js

@@ -13,6 +13,8 @@ define([
     return Column.extend({
         defaults: {
             bodyTmpl: 'Magento_MediaGalleryUi/grid/columns/image',
+            messageContentSelector: 'ul.messages',
+            mediaGalleryContainerSelector: '.media-gallery-container',
             deleteImageUrl: 'media_gallery/image/delete',
             addSelectedBtnSelector: '#add_selected',
             deleteSelectedBtnSelector: '#delete_selected',
@@ -270,6 +272,7 @@ define([
          */
         addMessage: function (code, message) {
             this.messages().add(code, message);
+            this.scrollToMessageContent();
             this.messages().scheduleCleanup();
         },
 
@@ -284,6 +287,20 @@ define([
                 !this.massaction().massActionMode()) {
                 this.deselectImage();
             }
+        },
+
+        /**
+         * Scroll to the top of media gallery page
+         */
+        scrollToMessageContent: function () {
+            var scrollTargetElement = $(this.messageContentSelector),
+                scrollTargetContainer = $(this.mediaGalleryContainerSelector);
+
+            scrollTargetContainer.find(scrollTargetElement).get(0).scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'nearest'
+            });
         }
     });
 });