Overlay blocking image upload modal in Drupal 10.1

It looks like this might boil down to the jQueryUI module. I'm not sure if it's directly associated with that module or this module but as it only happens when the Focal Point is enabled for the Media Library and uploading images through a Media field type or the DrupalMedia button in CKEditor. I've narrowed it down to a z-index for core.css being added with the jquery_ui module and think it might be related to how Drupal 10.1 manages loading CSS and JS when it's needed instead of at the initial page load. This goes above my skill level to try to solve but I'll keep digging to see if this helps others who might be a little more skilled in these types of things.

I've run in to this as well. catapipper called it, a separate copy of core.css is loaded from the contrib module. In 10.1 it seems it's added at the bottom.

This is also discussed here Issue #1461322 🐛 Fix AJAX add_css – insert the needed CSS assets after the already-inserted ones Needs work in #32, work on a change to AJAX behavior produced this before.

I am guessing the fix would likely lie in the jquery_ui module, since this technically does not seem to be a problem with core.

To try and resolve the ordering issue, I created a fork that removes calling the draggable and core jQuery UI from the jQuery UI module and instead uses the versions of those libraries that are with core. When testing on our site, this seems to resolve the overlay issue and selecting the focal point is still working. I don't know what sort of knock-on affects switching to the core versions of these libraries might be, but this at least lets our team add images again.

The solution from #8 worked for me, but I couldn't apply the patch to 2.0.0 version. Maybe I had to use the DEV version.
Anyway I made a patch for my version 2.0.0 and I am uploading it if somebody else will have the same issue.

The code from #8 🐛 Overlay blocking image upload modal in Drupal 10.1 Fixed seems to resolve this for us too but we also had issues applying it on 2.0.0.
We applied the patch from #9 🐛 Overlay blocking image upload modal in Drupal 10.1 Fixed and it works nicely.

We recently just ran exactly into this issue. This is blocking site builders from uploading images in media library. Increasing the priority to critical.

The key problem is indeed the loading order / priority, if the jquery_ui module is in use! See 🐛 Module defines jQuery UI files independently from Core. Can cause CSS priority issues in AJAX calls Needs review
So this definitely needs a quickfix, but jquery_ui module should of course not change the priorities... Not a simple one.

BTW this issue was really hard to find.

actual with jquery_ui:
override from: "modules/contrib/jquery_ui/assets/vendor/jquery.ui/themes/base/core.css"

expected (reqult without jquery_ui):

Merged, release to follow shortly! Thank you everyone for looking into this real quick.

Thanks for fixing this issue.

I can't find the 'core/jquery.ui' and 'core/jquery.ui.draggable' library in the 10.1 core.
Does it mean this module does not require Jquery UI and JQuery UI draggable any more?

The 2.0.1 release is indeed broken under Drupal 10.x due to reinstating the core/jquery.ui* library dependencies. See follow up issue 🐛 core/jquery.ui library does not exist in Drupal 10 Fixed

Automatically closed - issue fixed for 2 weeks with no activity.

@thomas.frobieter

Because we are facing the same issue - did you some further research or (how) did you solve the problem?