There is a table in the style of the CSS grid styles. Which has 12 columns. Of them on the screen only 11 and 12-I am hidden to the left beyond the monitor as an additional menu for the line (applications). Just 100vw (which can be seen immediately) plus 100vw (à La carte) minus 1 column (type of application). I.e. if one says, roughly, that 100% + 100% - 40px. But the screen only shows 100% and the rest is cleverly hidden by using overflow-x: hidden, so nothing gets out.
According to the author, when the desktop resolution has to be emulated to something like a swipe on the mobile, at the moment when the user pulls the block type of the application from left to right and, in the case of closure and Vice versa - from right to left.
In the implementation there is a problem in that there is a record of the violation:
In dynamics, the user can add as many lines (selection and screening of applications). The more rows, the more increases the time for the forced repaint to DOM elements.
[Violation] 'mousemove' handler took 442ms
[Violation] 'mousemove' handler took 1520ms
Help to understand why this is so.