I’m hoping someone has found a solution to this issue. I have multiple shopify stores and on all three of them this issue occurs. They each use different themes and different apps as well.
When I go to edit custom CSS I will hit a period “.” and the list of available div elements displays for autocomplete which is incredibly helpful - HOWEVER - when this shows, it then dissapears immediately because the page refreshes and my custom CSS resets…
My current workaround is to use Visual Studio and create the CSS in there using dev tools on a previewed web browser to inspect the elements… I then paste the code into shopify and race to hit the save button before it refreshes. If I miss it, then I restart the process.
I’ve tried starting fresh on a clean theme, removing ALL apps, and changing themes. I have not been able to debug where this is coming from and why the theme editor refreshes so often and so quickly.
It’s almost as if the autorefresh is supposed to detect keystrokes or edits and if there is enough lag between changes (i.e. adding a new block) then the page refreshes so you see the changes in real-time. But the cooldown / lag time doesn’t seem to work when editing in custom CSS.
Any guidan
Looks like the problem is on your side.