Results 1 to 3 of 3

Thread: HtmlField not rendering Height properly

    Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-13793 in 5.0.1.
  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2007

    Exclamation HtmlField not rendering Height properly

    When I set the height configuration property to make a taller-than-default HtmlField (say, 450px), the wrapping div (with a border) had the correct height, but the IFRAME was "stuck" at 150px. This was the behavior in both IE9 and Chrome.

    I inspected the DOM, and for some reason, the IFRAME within HtmlField components doesn't have a height attribute defined in either the Classic, Neptune, or Crisp Touch themes (or anywhere in my own stylesheets).

    The follow workaround in my stylesheet seems to have fixed the issue for me:

    	.x-htmleditor-iframe {
    		height: 100%;
    I'm using <!DOCTYPE html> and IE reports that I'm in IE9 standards mode, so it doesn't appear to be a quirks issue.

  2. #2
    Sencha User Phil Guerrant's Avatar
    Join Date
    May 2011


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

  3. #3
    Ext Premium Member
    Join Date
    Sep 2009


    This issue bothered me a lot today, as well.
    You can see this bug in the Notepad application in the Web desktop demo here.
    Just add 10 lines or so to the Html Editor.

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