How to fix page rendering errors?

Question

JavaScript

I've been struggling with the following problem with ExtJs for a long time (using Ext.NET 2.1).
For some reason, the page is rendered crookedly after loading. Somewhere the blocks move out, somewhere the sizes and position are not calculated correctly ... In this case, everything is corrected after changing the size of the window or executing the doLayout () method of some container.
In older versions (Ext.NET 1) everything worked (although it is possible that there were similar places, I'm not sure), but on new versions it became like this.
What could it be and how to fix it?
I'm not even sure if these are rendering errors, or just crashing somewhere on some kind of error.
There are no real errors. I tried to put a stop on all errors in the debugger - I didn’t find anything, except for one DOMException when the ResourceManager was initialized. But it is caught by catch and everything seems to be working fine. The same Exception occurs even on their site with examples, but everything works correctly there.

Answer 1

For ExtJs, this is normal - sometimes with a complex structure or when adding elements dynamically, you need to manually call doLayout.

Answer 2

It is unlikely that someone will be able to prescribe treatment from a photograph.
“I’m not even sure if these are rendering errors, or just crashing somewhere on some kind of error.”
The console, as I understand it, is clean at the same time?