153952 2016-02-06 11:20:59 -0800 Feature request: Auto-resize iframes based on content 2023-05-02 13:01:16 -0700 1 1 1 Unclassified WebKit Frames WebKit Nightly Build Unspecified Unspecified NEW P2 Normal --- 1 craig+webkit webkit-unassigned baebytasyatechiq hyatt sebastianzartner simon.fraser zalan oldest_to_newest 1162648 0 craig+webkit 2016-02-06 11:20:59 -0800 After the recent removal of the `@seamless` attribute on the `<iframe>` from the WHATWG spec: https://github.com/whatwg/html/issues/331 We still need to consider the problem of setting the height of iframes, so they contain their content without scroll bars. As discussed at: https://github.com/whatwg/html/issues/555 https://lists.w3.org/Archives/Public/www-style/2016Jan/0236.html https://lists.w3.org/Archives/Public/www-style/2016Feb/0004.html The solution may simply involve the CSS: #iframe { height: max-content; } And a header on the framed content, rather than custom/buggy JavaScript. ----- I'm keeping my notes on: https://github.com/craigfrancis/iframe-height 1162649 1 craig+webkit 2016-02-06 11:21:13 -0800 Alternatively we could look at a new keyword for the resize[1] property, which would be useful for a <textarea> that automatically increases its height based on its content - another problem which requires JavaScript to solve. [1] https://developer.mozilla.org/en-US/docs/Web/CSS/resize 1430090 2 simon.fraser 2018-06-05 07:48:38 -0700 *** Bug 186275 has been marked as a duplicate of this bug. *** 1952465 3 sebastianzartner 2023-05-02 13:01:16 -0700 The CSS Working Group resolved on a two-sided solution, an HTML mechanism to express the intrinsic size of the iframe and a 'from-element' keyword for the 'contain-intrinsic-size' property. See https://github.com/w3c/csswg-drafts/issues/1771#issuecomment-989034819. Sebastian