Results 1 to 3 of 3

Thread: textareafield won't flex with modern / material theme

    You found a bug! We've classified it as EXTJS-22391 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha Premium Member froamer's Avatar
    Join Date
    Sep 2007
    Location
    Norfolk, UK
    Posts
    146
    Answers
    2
    Vote Rating
    1
      0  

    Default textareafield won't flex with modern / material theme

    Hi, I'm using:

    ext-6.2.0.685 (but tried with the latest nightly build)
    Modern Toolkit
    theme: "theme-material"

    If I configure a textareafield to flex it has a fixed height instead. If I change the theme to "theme-neptune" it works fine.

    Here is my code:

    PHP Code:
    {
                
    xtype'formpanel',
                
    layout'vbox',
                
    items: [
                    {
                        
    xtype'selectfield',
                        
    label'To',
                        
    labelAsPlaceHolderfalse,
                        
    height34
                    
    }, {
                        
    xtype'textfield',
                        
    label'Subject',
                        
    height34
                    
    }, {
                        
    xtype'textareafield',
                        
    flex1,
                        
    label'Message',
                        
    name'message'
                    
    }, {
                        
    xtype'container',
                        
    docked'bottom',
                        
    height140,
                        
    layout'hbox',
                        
    items: [
                            {
                                
    xtype'fieldset',
                                
    flex0.5,
                                
    margin0,
                                
    defaults: {
                                    
    labelWidth110
                                
    },
                                
    title'Privacy',
                                
    items: [
                                    {
                                        
    xtype'radiofield',
                                        
    cls'privacy-radio general-heath',
                                        
    label'General health'
                                    
    }, {
                                        
    xtype'radiofield',
                                        
    cls'privacy-radio mental-heath',
                                        
    label'Mental health'
                                    
    }
                                ]
                            }, {
                                
    xtype'fieldset',
                                
    flex0.5,
                                
    margin0,
                                
    defaults: {
                                    
    labelWidth110
                                
    },
                                
    title' ',
                                
    items: [
                                    {
                                        
    xtype'radiofield',
                                        
    cls'privacy-radio social-care',
                                        
    label'Social care'
                                    
    }, {
                                        
    xtype'radiofield',
                                        
    cls'privacy-radio physical-heath',
                                        
    label'Physical health'
                                    
    }]
                            }]
                    }]
            } 
    This shows the different layout for the two themes:

    works-with-theme-neptune.png

    Inspecting the DOM shows the x-container is flexing OK but the x-field-body and its contents are not:

    container-flexed.png
    Chris Copleston Managing Director | LinkedIn | Twitter | SenchaDevs
    4dprime.com web | mobile | desktop | server development

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,029
    Answers
    3976
    Vote Rating
    1368
      0  

    Default

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

  3. #3
    Sencha Premium Member froamer's Avatar
    Join Date
    Sep 2007
    Location
    Norfolk, UK
    Posts
    146
    Answers
    2
    Vote Rating
    1
      0  

    Default

    Hi, I noticed you have released 6.2.0 as the stable release which includes theme-material but it still has this major layout bug.

    Since this is app breaking (change the theme and your app is unusable), is there an ETA for fixing this or somewhere I can track progress on this issue? Failing that I will have to build my own theme from scratch.
    Chris Copleston Managing Director | LinkedIn | Twitter | SenchaDevs
    4dprime.com web | mobile | desktop | server development

Similar Threads

  1. Google Material Design theme
    By dandvd in forum Ext 5: Q&A
    Replies: 44
    Last Post: 21 Sep 2017, 12:56 AM
  2. Replies: 2
    Last Post: 20 May 2016, 8:08 PM
  3. [OPEN] Flex on a column in a modern toolkit grid
    By EPV in forum Ext 6: Bugs
    Replies: 5
    Last Post: 21 Sep 2015, 5:07 PM
  4. modern-neptune theme
    By lubendo in forum Ext 6: Q&A
    Replies: 2
    Last Post: 9 Aug 2015, 11:16 PM
  5. Flex on a column in a modern toolkit grid
    By EPV in forum Ext 6: Q&A
    Replies: 0
    Last Post: 23 Jun 2015, 7:49 AM

Posting Permissions

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