You found a bug! We've classified it as TOUCH-5485 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Dec 2011
    Posts
    8
    Vote Rating
    0
    M165437 is on a distinguished road

      0  

    Default Button overflow seems broken in vertically scrollable views

    Button overflow seems broken in vertically scrollable views


    Touch version tested:
    • Touch 2.3.1
    Browser versions or Packager version tested against:
    • Chrome
    • Safari
    Device and OS tested against:
    • MacBook Pro / OS X Mavericks
    What theme are you using for your application:
    • Default
    • Cupertino
    Description:
    • I have two items in a vertically scrollable view. The first is a container with simple html output. The second underneath is a button with a long label that exceeds the views width. If I don't set the scrollable config on the parent view, the button label is correctly cut off with the ellipsis. I want to allow vertical scrolling since the html output might exceed the views height. If I set the scrollable config (even scrollable: false results in this problem) the button label won't get cut off.
    Steps to reproduce the problem:The url to fiddle testcase:
    https://fiddle.sencha.com/#fiddle/5jt

    Code:
    Ext.application({
        name : 'Fiddle',
    
    
        launch : function() {
            
            var view = Ext.create('Ext.Container', {
                layout: 'vbox',
                /*scrollable: {
                     direction: 'vertical',
                     directionLock: true
                },*/
                items: [
                    {
                        html: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
                        styleHtmlContent: true
                    },
                    {
                        xtype: 'button',
                        text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
                        margin: '0 15px'
                    }
                ]
            });
            
            Ext.Viewport.add(view);
        }
    });
    

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,928
    Vote Rating
    129
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Posts
    8
    Vote Rating
    0
    M165437 is on a distinguished road

      0  

    Default


    I noticed that when I give the label a width smaller than the view's width, the label gets cut off correctly (without having any other effect on the label for whatever reason).


    Code:
    <style type="text/css">
    .x-button-label {
         width: 10px;
    }
    </style>

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi