Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-4443 in a recent build.
  1. #1
    Sencha User
    Join Date
    Apr 2012
    Posts
    6
    Vote Rating
    1
    sf_cs is on a distinguished road

      1  

    Default Selectfield label and description are displayed below each other

    Selectfield label and description are displayed below each other


    REQUIRED INFORMATION


    Ext version tested:
    • Sencha Touch 2.2


    Browser versions tested against:
    • Google Chrome 26.0.1410.64


    DOCTYPE tested against:


    Description:
    • When using hbox/vbox layout in a fieldset the label and the value of a selectfield are displayed in to different lines.


    Steps to reproduce the problem:
    • Add a layout to a fieldset containing selectfields


    The result that was expected:
    • Label and value should appear in one line. (screenshot2.jpg)


    The result that occurs instead:
    • Label and value are displayed below each other. (screenshot1.jpg)


    Test Case:

    Code:
    Ext.define('test.view.Main', {
        extend: 'Ext.tab.Panel',
        xtype: 'main',
        requires: [
            'Ext.TitleBar',
            'Ext.Video'
        ],
        config: {
            tabBarPosition: 'bottom',
    
            items: [
                {
                    title: 'Welcome',
                    iconCls: 'home',
    
                    styleHtmlContent: true,
                    scrollable: true,
    
                    items: [{
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Welcome to Sencha Touch 2'
                    },{
                        xtype: 'fieldset',
                        layout: {
                            type: 'hbox',
                            align: 'middle'
                        },
                        title: 'About You',
                        instructions: 'Tell us all about yourself',
                        items: [{
                            xtype: 'selectfield',
                            label: 'Choose one',
                            options: [
                                {text: 'First Option',  value: 'first'},
                                {text: 'Second Option', value: 'second'},
                                {text: 'Third Option',  value: 'third'}
                            ]
                        },{
                            xtype: 'selectfield',
                            label: 'Choose one',
                            options: [
                                {text: 'First Option',  value: 'first'},
                                {text: 'Second Option', value: 'second'},
                                {text: 'Third Option',  value: 'third'}
                            ]
                        }]
                    }]
                },{
                    title: 'Get Started',
                    iconCls: 'action',
    
                    items: [
                        {
                            docked: 'top',
                            xtype: 'titlebar',
                            title: 'Getting Started'
                        },
                        {
                            xtype: 'video',
                            url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',
                            posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'
                        }
                    ]
                }
            ]
        }
    });


    HELPFUL INFORMATION


    Screenshot or Video:
    • screenshot1.jpg


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


    Debugging already done:
    • yes


    Possible fix:
    • the css class ".x-stretched.x-container" contains "-webkit-box-orient: vertical;". If you change that to "-webkit-box-orient: horizontal;" the bug is resolved


    Additional CSS used:


    Operating System:
    • Win7
    Attached Images

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,791
    Vote Rating
    833
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


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

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    8
    Vote Rating
    0
    Marco Piccolino is on a distinguished road

      0  

    Default Confirm

    Confirm


    Same misbehaviour observed on several platforms, including Ubuntu/Chrome and iOS6

  4. #4
    Sencha User
    Join Date
    Jul 2012
    Posts
    8
    Vote Rating
    0
    Marco Piccolino is on a distinguished road

      0  

    Default


    Note: the temporary fix you suggest works well if you have only left or right labels. If you also have top or bottom labels, you need more specific selectors

    here is an example to limit to left label fields:
    Code:
    .x-stretched.x-container.x-label-align-left {
        -webkit-box-orient: horizontal;  
    }

  5. #5
    Sencha User Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    20
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      1  

    Default


    This has been fixed for the next release.

    Sencha Inc

    Jamie Avins

    @jamieavins

  6. #6
    Sencha User
    Join Date
    Jul 2012
    Posts
    8
    Vote Rating
    0
    Marco Piccolino is on a distinguished road

      0  

    Default Thanks!

    Thanks!


    Many thanks Jamie.
    Do you happen to have a patch, or could you post the relevant bit of code here?

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