Grid Height/Width Weirdness

[stephanParticipant]

Hi,

I found a number of issues regarding height and width of a grid when using 100%. Please have a look at this fiddle:
http://jsfiddle.net/_stephan_/Rn4SB/2/

Reproduce Issue 1:
For the result area of the fiddle : drag the splitter bar above the result area downward. This will continually shrink the grid. At a certain point the vertical scroll bar will appear, even though the 4 lines within the grid have yet reached the bottom. It seems to me like the scroll bar appears when the invisible and not really used line number 10 scrolls out at the bottom.

Reproduce Issue 2:
When the vertical scrollbar has appeared stop dragging to keep the result area at this size. Now click on the jsFiddle “Run” button to recreate the table with the size that caused the vertical scrollbar. After the “Run” the vertical scrolbar should be gone. Now drag the splitter above upwards just a bit. Not only should the vertical scrolbar reappear, but it should now cause the grid to scroll to the very bottom, ie. to the non existing line 10. This results in some lines at the top scrolling out of the grid. This effect can result in the grid looking like its empty, if it contains only a few lines.

Reproduce Issue 3:
When the vertical swcrollbar has appeared drag the splitter line above the result area upwards again until the vertical scrollbar disappears. What you should see is that the scrollbar gets hidden, but the area where it was is not being reclaimed by the grid. In other words: an unused hole remains where the scrollbar was.

Reproduce Issue 4:
Now grab the splitter bar to the left of the result area and drag it slowly to the left side, thus enlarging the grid horizontally. What you should notice is that there are certain special sizes where a dummy horizontal scrolbar appears. You can actualy stop dragging at such a special size to observe the dummy scrollbar.

I really do hope that my instructions work and allow you to reproduce the issues. I am reporting them because within our application they cause us serious problems with attempting to use the grid. Amazingly often our grid will 1) have a vertical scrollbar when it should not, 2) have a horizontal scrolbar when it shoudl not, 3) scroll some or all content outside of the grid when resizing the browser (or just the grid when having it in a panel connected to a plitter).

Regards,
Stephan

[Peter StoevKeymaster]

Hi,

Please, avoid posting duplicate posts: http://www.jqwidgets.com/community/topic/grid-height-change-generates-unnecessary-vertical-scrollbar/ and http://www.jqwidgets.com/community/topic/problem-with-100-table-width. You have already reported these in previous topics and they are related to the dynamic resizing and Mathematic rounding calculations in our code.

Best Regards,
Peter Stoev

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts