View Full Version : [FIXED] Grid's horizontal scroll will never go away in Classic theme

10 Mar 2014, 1:51 AM
Ext version tested:

Ext 4.2.1

Browser versions tested against:

Chromium Version 32.0.1700.107 Ubuntu 12.04 (32.0.1700.107-0ubuntu0.12.04.1~20140204.866.1)
Chrome Version 33.0.1750.117
FF27.0.1 (firebug 1.12.6 installed)

DOCTYPE tested against:



An unnecessary horizontal scroll bar is shown for the grid and will never go away. This problem is specific to Classic and Gray theme and there's no problem if you switch to Neptune.

Steps to reproduce the problem:

Create a container with accordion as its layout.
Add a panel as the child of container with vbox layout.
Add a grid as the child of panel with flex set to 1.
Add a column to grid with flex set to 1.
Here's a fiddle (https://fiddle.sencha.com/#fiddle/45h) to show the problem.

The result that was expected:

The scroll bar is unwanted.

The result that occurs instead:

The scroll bar won't go away.

Gary Schlosberg
10 Mar 2014, 9:40 AM
Thanks for the report and test case. This issue seems to have been fixed in 4.2.2, which I confirmed with your code.

10 Mar 2014, 9:49 AM
This is the second time I am told so. It's a pitty 4.2.2 is not available in GPL.

11 Mar 2014, 1:15 AM
Hello folks, I also facing the same problem with Extjs 4.2.2(Grid shows unwanted horizontal scroll bar) . If so the bug is fixed what will be the solution for test case given by Mehran . I think Extjs 4.2.2 still has this bug and not yet resolved.Thanks In advance

Gary Schlosberg
12 Mar 2014, 8:24 AM
I tested mehran's test code with 4.2.2 and it behaved as expected -- no horizontal scrollbar. Are you getting different results, Alhuck?

13 Mar 2014, 10:34 PM
I have a different scenario which is not exactly like Mehran's but while trying with different layouts like panel with border layout and having gridPanel as an items with anchor layout, then having a grid inside grid panel items with anchor : '75% -3' and also the grid columns have flex property 1. But the same scenario with Extjs 4.0.7 version works perfectly as expected(without unwanted horizontal scroll bar ) but not with 4.2.2.

Right now I am getting an unwanted horizontal scroll bar in my grid with 4.2.2, If its not a bug what are the general things to see in order to rectify it!!!

Thanks In advance

Gary Schlosberg
14 Mar 2014, 8:38 AM
Taking another look, I was indeed able to recreate this issue using Firefox 27. That said, the issue does not appear in the latest nightly release of 4.2.3. Same results for both Firefox and Chrome. This explains your results, but I still don't believe there is a bug to file here. ExtJS 4.2.3 will also be a support-only release, but my understanding is that these fixes will be part of ExtJS 5 when it releases, which will be public.

16 Mar 2014, 10:53 PM
So how can i get rid of this unwanted horizontal scroll bar with extjs 4.2.2 version itself? It seems that fix with 4.2.2 is not working for my scenario.

Do you have any other suggestions to get rid of this unwanted horizontal scroll bar ?

Thanks !!!

20 Aug 2014, 3:34 PM
This bug is still present in extjs 5.0.1 classic theme.

Gary Schlosberg
21 Aug 2014, 6:28 AM
Right you are! I'm going to move this thread to the Ext 5: Bugs forum and file this.

Gary Schlosberg
21 Aug 2014, 6:29 AM
Thanks for the report! I have opened a bug in our bug tracker.

11 Apr 2016, 12:53 AM
Apparently, this bug was NOT fixed and is still present in 6.0.2 when classic theme is used.
[Can't test with 5.1.2 because 5.1.2 js fiddle is broken.]

Gary Schlosberg
11 Apr 2016, 3:50 PM
This bug was filed long before Ext JS 6.x was released, so it was never checked against that version. If this is still occurring in 5.x I'll reopen the ticket, but if just 6.x, please file post a new bug report. Thanks!