When opening the media selection modal, a slight scroll offset occurs, making it harder for users to select and add media files. This behavior impacts usability, especially for users who may not notice the offset and struggle to find the media selection button.
A potential workaround is to apply the following CSS rule:
.form-managed-file__main .form-element--api-file:focus {
scroll-margin-top: 350px;
}
This adjustment will help mitigate the scroll offset issue by setting a margin that aligns the focused element correctly in the modal.
The user interface behavior will be slightly modified to ensure that the media selection modal opens without the unexpected scroll offset.
Test the proposed CSS change across different browsers to ensure compatibility.
Active
User interface
I can't reproduce this. Also where does this magic number of 350px come from?
Potentially this is something you can add to the gin-custom.css (
see documentation →
).
I'm closing this as can't reproduce it.
Cheers!