Jiggling montage layout about zoneminder

[IgorA100]

If I select a 4wide layout

What is the behavior of monitors on other layouts (2wide, 6wide)?

[connortechnology]

Perfect behaviour because there either is or isn't scrolling. I think there is a 1 pixel height difference on some of the streams because they don't always layout perfectly.

[connortechnology]

When I inspect them though they appear to all have the correct height.

[IgorA100]

because they don't always layout perfectly.

Yes, I also discovered this problem. This is probably due to the <video> tag

then the scroll bar appears

Is the scroll bar on the entire page or on some camera?

Does the scrollbar appear when Ratio=Real?

[connortechnology]

scroll bar is on the #content div. When ratio = real the layout is all over the place due to the presence of 1280x800 and 640x480 monitors so the scroll bar is on and stays on.

[connortechnology]

Further if I switch to auto I get a 6out layout (which actually isn't optimal, the 4out is better). If I then switch back to 4wide I get a properly layed out 4wide. If I reload I get the broken layout.

[IgorA100]

because they don't always layout perfectly.

It seems that I have found the reason, I will think about how best to solve it. But this most likely has nothing to do with the appearance of the scrollbar.

scroll bar is on the #content div.

Understood,
Based on the location of the monitors, should the scroll bar be displayed or do they all fit on the screen?
As far as I understand, the height of the monitors almost fits into the visible area of the browser. If you expand the browser in height or, on the contrary, shrink it, what happens to the scroll bar?

[IgorA100]

because they don't always layout perfectly.

Try using PR #4029
It should be better.
And maybe this will affect the scrollbar, although I'm not sure.
If the monitor layout improves, I will work on improving the code.

[IgorA100]

Please check: #4030 as a solution to the problem:

because they don't always layout perfectly.

[connortechnology]

#4029 doesn't fix the jiggling either. I had changed the ratio to Auto from 16:9 and so the video was a little larger and hence the scrollbar was staying on.

[connortechnology]

The issue is that the showing of the scroll bar shrinks the width of the video frames, which shrinks the height, which makes us not need the scroll bar.
I wonder if there is a way to tell if the scrollbar is visible and if so add a fix pixels to the content div so it stays. This might be difficult to solve

[IgorA100]

#4029 doesn't fix the jiggling either.

Those.:

1. 4029 & 4030 fixes the layout problem
2. 4029 & 4030 not fixes the jiggling
   Right ?

[connortechnology]

Correct.

[IgorA100]

and if so add a fix pixels to the content div so it stays.

This job should be done by GridStack.

Indeed, when there are 1-5 pixels left from the bottom edge of the lower monitor to the bottom edge of the browser window, then there is a problem with the scroll bar. As a temporary solution, change the browser height a little.
At first glance, this is a difficult task to solve.

[IgorA100]

I had an idea, but I didn’t implement it quickly...

[IgorA100]

No, my idea is rubbish, because:

• I can’t understand whether a scroll bar is needed? You can, of course, calculate how much % the block height of each monitor has changed, but this turns out to be a confusing algorithm.
• The scroll bar does not change instantly after changing the block size of each monitor, but with a delay and it is not possible to understand which monitor influenced the appearance/disappearance of the scroll bar.

I'm in stupor.

[IgorA100]

Try #4031

[connortechnology]

No luck still does it.

[IgorA100]

Must work!
Maybe cached?

[IgorA100]

Yes, there is a problem.
I continue to work.

[IgorA100]

I made a change to #4031
Try again.