- From: Domenic Denicola via GitHub <sysbot+gh@w3.org>
- Date: Tue, 23 Nov 2021 21:55:29 +0000
- To: public-css-archive@w3.org
Hi folks,
@tabatkins, @chrishtr, and I spent some time working on this offline. We ended up with the explainer at https://github.com/domenic/cooperatively-sized-iframes . Summary:
```html
<iframe style="contain-intrinsic-size: from-element 500px 500px"
src="iframe.html"></iframe>
<!-- In iframe.html --->
<html requestedwidth="480" requestedheight="320">
```
We did manage to come up with a solution that doesn't require JavaScript in the simplest cases, where the iframe knows specific pixel values for the width and height it requests. But for dynamic resize-to-content, it's quite tricky, as discussed in our section ["But what about auto-resizing?"](https://github.com/domenic/cooperatively-sized-iframes#but-what-about-auto-resizing). (The basic problem is how it can cause infinite resize loops.) So the initial proposal would require JavaScript to hook up a ResizeObserver or similar and manipulate `document.documentElement.requestedWidth` and `requestedHeight`, [like in this example](https://github.com/domenic/cooperatively-sized-iframes#requests-from-the-inside).
Feedback is welcome, either on that repository if you want to have a more focused discussion on individual aspects of the proposal, or here if you'd prefer that.
--
GitHub Notification of comment by domenic
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1771#issuecomment-977201952 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 23 November 2021 21:55:31 UTC