This issue duplicates another issue.
  1. #1
    Sencha User
    Join Date
    Jul 2011
    Location
    The Netherlands
    Posts
    24
    Vote Rating
    5
    renato01 is on a distinguished road

      0  

    Default [4.2.0.265 beta] BUG: HtmlEditor Textarea Height always 100px

    [4.2.0.265 beta] BUG: HtmlEditor Textarea Height always 100px


    REQUIRED INFORMATIONExt version tested:
    • Ext 4.2.0.265-beta
    Browser versions tested against:
    • Chrome
    • FF 18.1 (firebug 1.11 installed)
    DOCTYPE tested against:
    • ____
    Description:
    • The textarea inside the html editor is always 100px in height. Evn if htmleditor height is set higher.
    Steps to reproduce the problem:
    • Create a htmleditor with height greater than 100px.
    The result that was expected:
    • Input area should stretch to the height of htmleditor.
    The result that occurs instead:
    • HtmlEditor height is set correctly.
    • Input textarea height stays 100px.
    Test Case:
    Code:
        
    Ext.create('Ext.panel.Panel',{
        title: 'HTML Editor',
        width: 550,
        height: 250,
        frame: true,
        layout: 'fit', //Layout also has no effect
        items: {
            xtype: 'htmleditor',
            enableColors: false,
            enableAlignments: false
        }
    });

    HELPFUL INFORMATION

    Screenshot or Video:

    htmleditor.png

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

    Debugging already done:
    • none
    Possible fix:
    • The textarea is created with: size : 'height:100px;width:100%
    • But its never resized according to the editor height.
    Additional CSS used:
    • only default ext-all.css
    • custom css (include details)
    Operating System:
    • Windows 7

  2. #2
    Sencha User
    Join Date
    Jul 2011
    Location
    The Netherlands
    Posts
    24
    Vote Rating
    5
    renato01 is on a distinguished road

      0  

    Default Temp workaround

    Temp workaround


    Code:
    {
        xtype: 'htmleditor',
        listeners: {
            afterrender: function () {
                var el = this.el,
                    textArea = el.down('textarea'),
                    iframe = el.down('iframe');
    
    
                textArea.applyStyles({height:'100%'});
                iframe.applyStyles({height:'100%'});
            }
        }
    }

  3. #3
    Ext JS Premium Member
    Join Date
    Dec 2007
    Posts
    16
    Vote Rating
    0
    aappell is on a distinguished road

      0  

    Default


    I think it's a typo in Ext.form.field.HtmlEditor.getInputCmpCfg. Should be:
    Code:
    ...
    data = {
        ...
        size        : 'height:100%;width:100%'
    };
    ...

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,169
    Vote Rating
    674
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    This is a known issue: EXTJSIV-8074

    Thanks for posting.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Sencha User
    Join Date
    Feb 2011
    Location
    Moscow, Russia
    Posts
    18
    Vote Rating
    0
    qi_tronic is on a distinguished road

      0  

    Default


    It's not a typo. It is the same in 4.1.1.
    But in 4.1.1 exists a custom HtmlEditor layout that possibly resizes that later.

    As of 4.2.0 beta they have refactored HtmlEditor as a FieldContainer descendant and have given it a standard VBox layout.

Thread Participants: 3