Right arrow wraps below when the window has scrollbar removed by dynamic css

[boltex]

when a window contains scrolling tabs and another element that is resized with css rules such as :
max-height: ~"calc(100vh - 600px)";
which causes the window to gain or lose its scrollbar, the right arrow wraps below and breaks the layout.

this is a repeat of issue 46, #46

[mikejacobson]

For the element that's being resized, is the css rule that's resizing it being applied programmatically or is the rule always present and the trouble occurs when the window is resized?

If the resizing is happening programmatically, so a window resize event is not triggered, then you'll need to hook into the refresh-on attribute.

If, however, the problem occurs on window resize, then I'll need to look into the resize handler. I was able to reproduce it by resizing the window, but I don't want to mess with that code if that's not what's causing your issue.

[boltex]

Its a css rule. not programmatically in js.

I should have been more precise. the rule i gave as an example : max-height: ~"calc(100vh - 600px)"; is typical of the body of a modal which tries to have a footer stay in view at the botom of the screen by restricting the height of the center part (100% of the view minus 600 pixels.)

I'll try to make a fiddle or some other online example.
*edit: formatting

[mikejacobson]

Ah, ok. Thanks for the clarification.

Yeah, if you could put together a fiddle or something similar, that would be very helpful.