Code View (Monaco Editor) Freezing - Wappler 2.4.1

Wappler General Bugs
#1

Wappler Version : 2.4.1
Operating System : W10

Expected behavior

When working on code view, typing out tags & classes etc should work just like a text editor.

Actual behavior

It seems as if each keystroke invokes a refresh/sync with the app structure and properties panel.
Seeing this on page with 1200 lines of code. Have another page with 230+ lines, and it works fine there, so far.
And 1200 is a relatively small page. I have another page with ~3000 lines, and there also it freezes.
Only difference is that 1200 one wakes up faster than 3000.

How to reproduce

Make changes in Monaco editor code view on a really huge page with server connects, dynamic stuff and HTML elements nested to at least 10 levels.
The freezing some times does not happen, but when it starts, there is no option but to wait for it to unfreeze, then close the page/Wappler and open it again.

Using VSCode for editing files for now.
Did not see this issue in the 2.3.3 version with experimental enabled.
Did not test it on 2.3.4/5 since the editor was jumping not allowing to write code. So had to disable experimental.

P.S. Could this be because of the tags/breadcrumbs? Any way to disable that?

#2

Please supply a test page and also a debug log file.

Video of the working while it freezes will be very helpful too.

The new Monaco editor do sync the HTML with design view after each edit ( with a delay so not after each keystroke) but this is all done in the background so it shouldn’t be noticed.

#3
#4

I am also seeing this, shirt freezes after updates

#5

Brian please supply a test case that we can investigate.

#6

I will add it to the list, to be honest George, finding loots of little gremlins in Wappler at the moment but so busy i keep putting off reporting

2 Likes
#7

Will try to capture a video and report back tomorrow with more details.

#8

or at lest supply a large complicated test page (in a zip) that is giving you constant problems, and describe the steps to get the problems.

If the page contain sensitive data - send it with private message.

#9

Lag With New Editor.mov (28.1 MB)

1 Like
#10

This pretty much captures the freezing issue I am having.
@George Have sent you one of my files via PM.

#11

Apart from this, there is another bug. Will make it a separate post if someone confirms:
Open two files. Edit one in code view. Then try to edit the other one in code view.
You will notice that nothing appears to be getting added in this tab, even though nothing is frozen.
Now go back to the previous tab and you will see all the new code at some random position on the page. :man_shrugging:

#12

im having this issue as well
and i noticed that even when im not in the code editor whappler is super laggy.

#13

All working fine here on Windows 10 with a measly 12gb of memory.

Could browser extensions installed in Chrome play a role in this?

#14

I have 8gb RAM.
I don’t think Chrome browser extensions interfere with Wappler’s Chrome.

#15

Was just a thought. I know the Chrome Reporting Tool is a resource hungry beast and really needs to be removed, and with Wappler relying upon Chrome I was wondering/supposing if there could be any other contributing factors based upon users Chrome installs…?

I have adBlock, uBlockOrigin, Privacy Badger, and HTTPS Everywhere installed and Chrome barely uses any resources (121mb of memory).

#16

Oh. Did not know about this. Could be something to look into.

#17

I’m glad to report that we have identified the issue!

It happens mostly on larger pages or after some intensive work in code view.

The new DOM Panel is refreshing too much on every code edits, even if it is not visible …

So we will improve that in the next update.

Thanks everybody for the feedback!

6 Likes
#18

Have been driving me mad all day… can’t wait for the update… Is there a previous version that I could roll-back to?

#19

+1 on that
i cant work on my project now. even when im on the design view. every action take 5-15 sec

1 Like
#20

Starting to be a major problem for me as well. My page has about 300 lines on it and it’s taking about 20 secs after I make changes on it, and sometimes it will freeze for up to a min or longer after I click save. Turning a quick hour change into an all morning ordeal.