Losing styles on editor

Wappler 7.1.2
Windows 10
Both PHP/NodeJS

Been facing a lot this issue after 6.8.0 but can't track it further:

Basically, it's like css file just disengage..
For example:

But on browser:

This is a very hard one to replicate, but saw it so many times. Someone else?

I've definitely seen this as well. I've noticed that if you resave the CSS file, it'll refresh the design view and reapply, though after some time the same issue occurs and you have to repeat.

I always seem to have this when I add new styles, and it seems to go away after a while on older ones, so I wonder if it's some kind of caching issue.

Am sure that is the case...

I wonder if you could have a flag to run the design preview in Incognito mode within Wappler which should avoid caching issues? I know you can do this in Electron by using a null partition for the browser window (as Wappler is built upon Electron shouldn't be too difficult?). Just a brain fart.

An example here:

<input is="dmx-tagify" class="adoptagify" placeholder="Escribe algo para excluir">
 .adoptagify{
    --placeholder-color: black;
    width: 100%;
 }

On browser:

Editor:

wappler-css-1.zip (8.2 KB)

Made a new one on v7.2.1, you can match the exact hour and minute with the log.
Created a project, and 1 minute later, style doesn't apply, although on the editor is there:


wappler-css-2.zip (4.9 KB)

I was able to reproduce it and found that the design view is caching too aggressive. When making the change the design view is live updated but when you add a new component in the root of the page it reloads the page getting the cached stylesheet. Will work on a fix.

4 Likes

Fixed in Wappler 7.2.2

1 Like

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.