Modal blocks half of file input

MR Raised

Please check the pipeline before review.

Also this seems like a CSS bug no?

I've updated the JS removing forEach and making sure it scrolls just the modal (on my vanilla setup it was scrolling the document root too)

Drupal.behaviors.mediaLibraryScrollOnOpen = {
    attach: function (context, settings) {
      const input = once('mediaLibraryScrollOnOpen', 'input[type="file"]', context)[0];
      if (input) {
        const modalContent = input.closest('#drupal-modal');
        if (modalContent) {
          setTimeout(() => {
            modalContent.scrollTo({
              top: modalContent.offsetTop  - modalContent.scrollTop,
              behavior: 'smooth',
            });
          }, 100);
        }
      }
    }
  };

As I've investigated, the issue lies on jQuery adding max-height on #drupal-modal.ui-front ui-dialog-content ui-widget-content when it actually should add this property to .media-library-wrapper I couldn't find yet how we can tweak the jQuery

If anyone could Shed a light I'll be thankful :)