[4.0.5] No vertical scroll in Ext.grid.Panel with small number of records in table.

[sskow200]

REQUIRED INFORMATION
Ext version tested:

• Ext 4.0.5

Browser versions tested against:

• ALL

Description:

• When you create a Ext.panel.Table being resizable (or a set height that is too small)
  and you have a small number of records in the table the vertical scrollbar will not appear.

Steps to reproduce the problem:

• Create a Ext.grid.Panel with a height of 186px;
• Create a store with 4 records in it.

The result that was expected:

• Expecting a 186px height GridPanel with 4 records and a scrollbar.

The result that occurs instead:

• Scrollbar will not appear and records will be cut off.

HELPFUL INFORMATION
Screenshot or Video:

• attached

See this URL for live test case: http://

Debugging already done:

• Debugged Ext.panel.Table

Possible fix:

• Looking into the method determineScrollbars() in Ext.panel.Table:
  The scrollbar height is being compared to the height of the entire component,
  rather then the height of the table itself (or the body of the component).
  

  //box = me.getSize() <-- wrong
  box = me.body.getSize()

  By making the above change you receive the appropriate height for comparison.

Additional CSS used:

• only default ext-all.css

Operating System:

• MacOSX

[dbradicich]

See my last post here

http://www.sencha.com/forum/showthre...l=1#post640289

That should get you around your problem with scrollbar not showing (seems the whole grid panel, rather than just the view is being used to retrieve size when calculating whether to show the scroller or not)

#edit
Ha, hadn't read your whole post, looks like you already saw the problem
#edit

[LesJ]

Thank you for the code! It works. Let's hope this is fixed in 4.0.6.

Les

[ericaker]

Sencha Ext JS 4.0.5
AutoScroll not working.
I have found two scenarios where
autoScroll is not working.
7 items in store when testing.

1. Grid Panel ( code on next page)
2. view.View inside of Panel
3. view.View works fine
   
   on the Grid Panel the scroll bars
   show up in WebKit (Chrome and Safari) but they are not functional,
   no scrolling. You can use arrow keys to select items that out of
   sight and you can search and sort items so that hidden items become
   visible. Firefox(ver 5 and 6) and IE (ver 8 and 9) the scroll bars
   are not visible.
   On the View inside of a panel the
   scroll bars do not show on any of the browsers. Search works so you
   can display subset of list. I added a paging toolbar, it shows
   correct information but is non functional.
   
   On just plain view.View (code on
   last page) the scrollbar works fine on all 4 tested browsers.
   

[LesJ]

Looks like this bug was fixed in 4.0.6

[optima]

i'm using 4.0.6 and in my grid doesn't show any scroll bars even tho i set both

autoScroll:true,
scroll:'vertical',

i'm using FF6 and XP

this virtual scrolling thing is rubbish!!

[optima]

i'm using 4.0.6 and in my grid doesn't show any scroll bars even tho i set both

autoScroll:true,
scroll:'vertical',

i'm using FF6 and XP

this virtual scrolling thing is rubbish!!

...and the grid has plenty of records init...

the only way to scroll at the moment is to use the mouse wheel, but we can't rely on all our users having a mouse wheel....

[evant]

There's no need to specify either of those options, the grid will scroll automatically.

[optima]

scroll problem.JPG

what's really strange is that on the left side there is a funny blue line that sticks out....

i think this is the scroll bar... i just inspected it with firebug and the html is:

<div id="gridscroller-1061" class="x-component x-scroller x-scroller-vertical x-component-default x-docked x-docked-right x-component-docked-right x-component-default-docked-right" style="width: 17px;" role="presentation"><div id="gridscroller-1061_ct" class="x-scroller-ct" style="width: 21px; height: 0px; left: -5px;"><div id="gridscroller-1061_stretch" class="x-stretcher" style="width: 1px; height: 483px;"></div></div></div>

[optima]

There's no need to specify either of those options, the grid will scroll automatically.

i just removed both those lines and the problem is still there....​