Design view loses styling after specific changes

There are about 10 interface crashes over quite a short period in this log, each one of saving file
wappler.zip (9.3 KB)

Could you provide a sample page and exact steps to reproduce? This will help us to reproduceerde exact error and solve it quickly.

This page triggers it almost often when saved. Seems worse when app connect mode is off
new-questionaire.zip (1.8 KB)
(altthough it has only done it once this morning)

Added a container/row/col/generated a BS5 table at page end and saved

if you need the APi actions and sqlite file i can send

are you using the Wappler Local server or just NodeJS server, on your project?

Dies the server get restarted on save?

@George It’s very easy to replicate.

  1. Create blank project - NodeJS, Docker
  2. Add some blocks to index.ejs - Image Features for example
  3. Add Select component
  4. Go to Select Component - Data source
  5. Switch to code
  6. Click Cancel
  7. Turn off “Toggle App Connect Mode”
  8. Preview is broken

Sad to realize but there was several topics mentioning this issue with detailed replication steps- Bug Report - nothing displays in Design View and Design mode losing style but got no proper attention from Wappler developers.

These steps don’t break anything in the design view in our tests. We are still trying to find what is causing this for the users who reported this problem.

I recorded exactly what I wrote above special for you.
This is blank project - I can send you it in ZIP file if you have different results.

I recreated the same steps 1:! and no issues.
Are you sure App Connect framework is added on your layout page, as it doesn’t look like that to me from your gif. Try to add it there.

This is Wappler local server & SQLite local. Everything works perfectly in the browser, both local and production. It is the Wappler view which breaks (just done it again)
Notrum may be onto something, this is more prevalent when App Connect is off (which is my main environment on this page as it has a lot of conditional logic)

Could you verify that you have “Links Relative To” site root in your project settings?
Also what is the head of your main layout page? Can you paste it.

And lastly do you have layout page or the content page in a sub folder maybe?

Did another test.

App connect is added to main.ejs layout page.

<!doctype html>
<html>
<head>
<base href="/">
<script src="/dmxAppConnect/dmxAppConnect.js"></script>
<meta charset="UTF-8">
<title>Untitled Document</title>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="/bootstrap/5/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/style.css" />
<script src="/dmxAppConnect/dmxRouting/dmxRouting.js"></script>
</head>
<body is="dmx-app" id="main">
<div is="dmx-view" id="content">
  <%- await include(content, locals); %>
</div>
<script src="/bootstrap/5/js/bootstrap.bundle.min.js"></script>
</body>
</html>

image

admin.zip (1.2 KB)
Layout page in in layouts

Content page is an admin page so in a folder /mcyadmin

(i need to add this is not an isolated issue, it happens on other pages also)

Not sure if this helps but this issue seems to appear when the page is auto refreshed after a save

Same for me…I never have App connect mode on and I deal with this issue all day.

Are you loosing design view styling with the page above absolutely every time on save?

As we can’t reproduce it even a single time …

Or is there a specific case when it happens every time? This is what we are looking for…

It is also infuriating. It happed about 30 times in 2 hrs last night, again several times this morning UNTIL i start screen recording then it behaves perfectly

Perhaps this is a timing issue???

For what’s worth, and just grabbing at straws here…I work on a well equipped mac, so perhaps it processes something faster after save?

Screen Shot 2022-09-28 at 8.12.39 AM

No, not every time, it seems to happen continuously then as i said in the above post, start working perfectly.
There is obviously some combination of events which is triggering this, the issue is finding that combination

When this happens does simply reload of the design view help to restore the right rendering?