Description:
On one specific site we are unable to edit the stylesheets. The list of stylesheets is visible but as soon as you click on one to edit, the inspector is empty.
Screenshots, screen recording, code snippet
Environment info
We ran into that one – for us it was some other plugin injecting junk before the html body. That is probably not what’s causing your problem, but it might be. It was putting the browser in quirks mode, and chaos ensued from there. So yay!
Hi @equitieslab,
Sounds like a likely possibility.
It will be really useful to know what plugin was causing this for you so we can more quickly isolate the cause of the issue.
Oops! I should have mentioned that 
. It was Ivory Search. They have an option that when checked does that, for reasons that escape me. It happens with “Ajax on” and the “search form highlight option” enabled.
Thanks @equitieslab.
So, we did have Ivory Search installed but it is deactivated at the moment, which means there must be another factor causing this, possibly a different plugin having the same effect. I am going to investigate on Monday.
Good to know! What search plugin did you go with?
The client doesn’t want search at the moment, so we won’t be using it for that site. We usually use Ivory Search.
In the past we have used Relevanssi, which worked very well, but after we experienced a bug with it, we switched to Ivory Search.
Hi @Louis,
As helpfully mentioned by @equitieslab, this issue is caused when something throws the page into quirks mode.
In our case we had enabled debugging in WP and a specific warning was causing it.
So this is no longer an issue for us but is worth knowing.
OK, so, the previous issue shown the screenshots may be fixed, however now stylesheets don’t actually update when saving
@Louis, as we have a release scheduled this week, I will really appreciate if you can take a look at this, as now we can’t override the global input styles bug and can’t add any new code to our stylesheets for that site.
I will send you access details to the staging site with this issue.
This was caused by one line of CSS that lost its formatting when copying (specifically the clamp function for fluid typography).
@Louis, apologies for the spam.
It will be great if there is some kind of error notification in these situations so it is easier to track down the cause of the issue.
I have moved this to General
I just had a similar problem. I could not edit any stylesheets (global stylesheets, custom CSS for global/block classes) because the CSS (in my case SCSS because I have it enabled) code editor was stuck in “Loading…”.
Maybe it was a coincidence, but the eternal loading stopped after I added cwicly code block and waited a couple seconds after clicking on the CSS code editor inside it 
