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
    Posts
    93
    Vote Rating
    2
      1  

    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:

    Code:
    	.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
    Location
    Colorado
    Posts
    352
    Vote Rating
    104
      0  

    Default

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

  3. #3
    Ext Premium Member
    Join Date
    Sep 2009
    Posts
    77
    Vote Rating
    0
      0  

    Default

    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
  •