[4.0] Problem with media manager and Safari

[gyvermac]

Steps to reproduce the issue

In backend go to media and clic on ... to edit one image.

Expected result

Actual result

The editing icons appear and disappear immediately. No way to clic on any of them.

System information (as much as possible)

MacOS 10.13.3, Safari 11.0.3 (last public version) and even with Safari Technology preview

Additional comments

If you do exactly the same but on a directory instead of an image, everything works fine !
Works on images with Firefox.

[laoneo]

Do you have an error in the developer console?

[gyvermac]

Yes and only with Safari !
[Error] Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8888/joomla4/media/vendor/tinymce/skins/lightgray/skin.min.css.map

This file does not exit but seems to be called only in Safari

[dneukirchen]

Can confirm the issue in safari. Thx for reporting.
Seems not related to the error in console.

probably caused by mouseleave in https://github.com/joomla-projects/media-manager-improvement/blob/dev/administrator/components/com_media/resources/scripts/components/browser/items/image.vue#L2

[schnuti]

As the error message shouldn't appear within the Media Manager and probably not break the code anyway, you could test Article Add/Edit where tinyMCE is loaded. The error message should appear in the console but not break the code. If there is an issue it belongs to Joomla core.
Do the browsers always load a .map file nowadays or only in developer mode?

[gyvermac]

I checked again...
Safari : ASAP tinyMCE is loaded (article Edit) error is the same. Don't have to be in media manager.
Same error in console with Firefox but no issue => error in console is not related to the issue.
I agree with @dneukirchen

[kasvith]

I confirm this issue. It's happening on my Safari Version 11.0.2 (12604.4.7.1.4)

[laoneo]

Is there a javascript error in the developer console?

[kasvith]

No nothing on dev console