Page 1 of 5 123 ... LastLast
Results 1 to 10 of 41

Thread: 4.0.2 only - layout fit grid scrollbar when used does not scroll content

    You found a bug! We've classified it as EXTJS-3295 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User JamieMason's Avatar
    Join Date
    Apr 2010
    Location
    Leeds, UK
    Posts
    42

    Default 4.0.2 only - layout fit grid scrollbar when used does not scroll content

    Please see original post at;
    Forum / Ext JS Community Forums 4.x / Ext:Help / My ExtJS 4 Grid scrollbar when used does not scroll content

    This issue affects 4.0.2, when reverting to 4.0.1 the code worked as expected.

  2. #2
    Ext JS Premium Member stevil's Avatar
    Join Date
    Nov 2007
    Location
    Denver, CO
    Posts
    1,045

    Default

    Are you using a custom theme, or ext-all.css? If you're using a custom theme, there is CSS missing from the generated theme that breaks the scroller. Here's a workaround for your SCSS in that case:

    PHP Code:

    .#{$prefix}scroller-ct { 
        
    overflow:hidden
        
    position:absolute
        
    margin:0
        
    padding:0
        
    border:none
        
    left:0px
        
    top:0px
        
    box-sizing:content-box !important
        -
    ms-box-sizing:content-box !important
        -
    moz-box-sizing:content-box !important
        -
    webkit-box-sizing:content-box !important 
    }  

    .
    #{$prefix}vertical-scroller-present .#{$prefix}grid-body {
        
    border-right-width:0px
    }

    .
    #{$prefix}scroller {
        
    overflow:hidden
    }

    .
    #{$prefix}scroller-vertical {
        
    border:1px solid #99bce8;
        
    border-top-color:#c5c5c5
    }

    .
    #{$prefix}scroller-horizontal {
        
    border:1px solid #99bce8
    }

    .
    #{$prefix}vertical-scroller-present .#{$prefix}scroller-horizontal {
        
    border-right-width:0px
    }

    .
    #{$prefix}scroller-vertical .#{$prefix}scroller-ct {
        
    overflow-y:scroll
    }

    .
    #{$prefix}scroller-horizontal .#{$prefix}scroller-ct {
        
    overflow-x:scroll

    I had the exact same problem, and when I created a test case to submit with the bug, found I couldn't get it to break. When I switched to my theme, it did. I've submitted a bug report on that as well.

    stevil

  3. #3
    Sencha User edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939

    Default

    @JamieMason thanks for the report, we've just introduced a new bug template that will help us migrate bugs from the forums to our bug tracker. Could you please update your ticket to follow this template so that we can address it faster?
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  4. #4
    Sencha User JamieMason's Avatar
    Join Date
    Apr 2010
    Location
    Leeds, UK
    Posts
    42

    Default

    Oops, sorry - please find below

    REQUIRED INFORMATION


    Ext version tested:
    • ext-4.0.2-gpl.zip


    Browser versions tested against:
    • Chrome Mac 12.0.742.100


    Description:
    • I have a grid inside a tabpanel, which is in a Viewport auto-created by an Ext.application. When the grid was appended directly to the page body it would scroll - but I have a feeling this was the <body/> actually scrolling and not the grid. First assumption was my understanding of layout wasn't good enough, but after hours googling and trying all kinds of combinations - a last resort long shot was to try Ext 4.0.1 instead - and it worked.


    Steps to reproduce the problem:
    • Have a grid which is big enough to need to scroll
    • Put it inside a container.
    • use the scrollbars


    The result that was expected:
    • the grid would scroll


    The result that occurs instead:
    • the scrollbars move but the content stays still


    HELPFUL INFORMATION


    Screenshot or Video:


    Debugging already done:
    • tried all kinds of layout combinations


    Possible fix:


    Additional CSS used:
    • custom css (include details)


    Code:
    // Unless you want to include all components, you must set $include-default to false
    // IF you set this to true, you can also remove lines 10 to 38 of this file
    $include-default: true;
    
    // Insert your custom variables here.
    // $base-color: #aa0000;
    
    $font-size: 13px;
    
    @import 'ext4/default/all';
    
    // This line changes the location of your images when creating UIs to be relative instead of within the ExtJS directory.
    // You MUST set this to true/string value if you are creating new UIs + supporting legacy browsers.
    // This only applies to new UIs. It does not apply to default component images (i.e. when changing $base-color)
    // The value can either be true, in which case the image path will be "../images/"
    // or a string, of where the path is
    $relative-image-path-for-uis: true; // defaults to "../images/" when true
    
    // my own css is here..
    Operating System:
    • Max OS 10.6.7

  5. #5
    Sencha User edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939

    Default

    Thanks Jamie, that's in our bug tracker now
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

  6. #6
    Sencha User
    Join Date
    May 2011
    Location
    Manchester, United Kingdom
    Posts
    19

    Default

    Is there any updates to this issue. We're still seeing this issue in 4.0.2a

    Many thanks

  7. #7
    Sencha User JamieMason's Avatar
    Join Date
    Apr 2010
    Location
    Leeds, UK
    Posts
    42

    Default

    +1. Sorry to nag, but I'm stuck on 4.0.1 until this is resolved.

  8. #8
    Ext JS Premium Member stevil's Avatar
    Join Date
    Nov 2007
    Location
    Denver, CO
    Posts
    1,045

    Default

    Quote Originally Posted by JamieMason View Post
    +1. Sorry to nag, but I'm stuck on 4.0.1 until this is resolved.
    It's marked in the release notes as fixed in 4.0.5. If you're a support customer, you can get it from the portal immediately. If not, I believe that public release policy at Sencha is that you'll see it in 4.1, which I'm hearing ought to be later in the month.

    I know this doesn't help, but at least there's light on the horizon.

    stevil

  9. #9
    Sencha User JamieMason's Avatar
    Join Date
    Apr 2010
    Location
    Leeds, UK
    Posts
    42

    Default

    no that's good to know, thanks again Stevil.

  10. #10
    Sencha User edspencer's Avatar
    Join Date
    Jan 2009
    Location
    Palo Alto, California
    Posts
    1,939

    Default

    I'm going to ask Animal to confirm this one as it doesn't appear to be closed in the bug tracker. If it's not already good we'll have it done in 4.0.6
    Ext JS Senior Software Architect
    Personal Blog: http://edspencer.net
    Twitter: http://twitter.com/edspencer
    Github: http://github.com/edspencer

Page 1 of 5 123 ... LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •