- From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
- Date: Mon, 15 Aug 2022 12:59:47 +0000
- To: public-css-archive@w3.org
Loirooriol has just created a new issue for https://github.com/w3c/csswg-drafts:
== [resize-observer] Observations *do* fire for non-replaced inline Elements ==
From https://drafts.csswg.org/resize-observer-1/#intro
> Observations do not fire for non-replaced inline Elements.
Well that contradicts Blink, WebKit and Gecko:
```html
<!DOCTYPE html>
<div id="test" style="width: 100px; height: 50px"></div>
<script>
new ResizeObserver(entries => {
for (let entry of entries) {
console.log(entry.contentRect);
}
}).observe(test);
requestAnimationFrame(() => requestAnimationFrame(() => {
test.style.display = "inline";
}));
</script>
```
First they log `x=0, y=0, width=100, height=50` and then `x=0, y=0, width=0, height=0`.
This is even defined in https://drafts.csswg.org/resize-observer-1/#content-rect-h
> non-replaced inline Elements will always have an empty content rect.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7607 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 15 August 2022 12:59:48 UTC