1371910 - tinyMCE reports "failed to load content.min.css" but file was there

Status: RESOLVED INVALID

(Core :: Networking: HTTP, defect)

Description

[Vincenzo Lorenzale]

User Agent: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.16193

Steps to reproduce:

1) the problem shows up in Firefox v.53, if I use Chrome everything works fine
2) I am using tinyMCE in three distinct forms: one for new articles, one for editing, one for comments.
3) If I insert a few new articles no problem appears, the problem shows up just changing the form in use: i.e. after inserted an article I try editing it or another one or else I try to insert a comment after having inserted a new article. After the error message has shown up I can always recover by reloading the page and no error appears eventually.


Actual results:

error shows up: "failed to load content css: http://myurl/assets/tinymce/skins/lightgray/content.min.css" but if a look at the debug console in firefox I see that the url has found and loaded content.min.css actually. This bars any enter to the target text-area and a page reload is needed to clear the error and procede.


Expected results:

Simply the target text-area should permit entering my text as it always happens when I access my site using Chrome or Windows Edge either.

Comment 1

[Tooru Fujisawa [:arai]]

maybe the website is on HTTPS ?

https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content
https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content/How_to_fix_website_with_mixed_content

Comment 2

[Vincenzo Lorenzale]

Actually the site can be accessed both in HTTPS and in HTTP. The problem shows up either way.

Comment 3

[Valentin Gosu [:valentin] (he/him)]

Hi Vincenzo, can you provide an endpoint where we can try to reproduce this bug?
When reproducing your bug, can you look into the devtools Network panel, and see if the css is properly downloaded?
Also, it would be very helpful if you could gather some logs for us using about:networking - instructions here https://developer.mozilla.org/en-US/docs/Mozilla/Debugging/HTTP_logging

Comment 4

[Vincenzo Lorenzale]

Hi Valentin, you can check the problem at http or https://vinloren-learn-rails.herokuapp.com/articles.

There is no need for you to sign up to enter new articles or comment (you can if you'd like) because the error shows up simple by showing an article then going 'back' by clicking the 'back' link to return to the initial page.

If I look at the debug console I can see the content.min.css file, supposedly failed, was actually found and loaded instead.

I tried Firefox v.54 too but the behaviour is the same as v.52 and v.53

I will gather the requasted logs soon.

Comment 5

[Valentin Gosu [:valentin] (he/him)]

Hi Vincenzo,
Thanks for sending us the link. Unfortunately this seems to be a problem with tinyMCE rather than Firefox.
The initial load of content.min.css works correctly, and no other attempts to reload it seem to be made.
If it works in other browsers it is probably due to the developers doing things differently.

If you still think this is a bug in Firefox, please reopen this bug, and send us a smaller test case.

PS. Others seem to be having the same problem as you: https://community.tinymce.com/communityQuestion?id=90661000000Qct9AAC
I hope you find a way to fix it.

Comment 6

[sudhir]

I have the same issue, which can be reproduced here on this plunk http://embed.plnkr.co/6QCok7akLU0rJtjOc2Eg/

Open above plunk
click open dialog button, and see it works
close the dialog
open the dialog again
notice the error

In firebug, i noticed, when opening the dialog second time, the firebug network tab shows that the content.min.css is loaded from cache, and has size 0 bytes, i think this is what causing the issue.

Comment 7

[sudhir]

@Valentin Gosu

The same plunk works fine in chrome/safari just FF has the issue (i am on FF version 54.0.1 )