Re: [csswg-drafts] [css-overflow] What is the expected behavior of scrollable overflow in case of non-rectangular descendant area due to transforms? (#12112)

<details><summary>Source code of the example</summary>

```css
.container {
  width: 250px;
  height: 250px;
  overflow: scroll;
  background: silver;
  border: solid thick;
}

.element {
  width: 200px;
  height: 200px;
  background: lime;
}

.element-2 {
  width: 200px;
  height: 200px;
  background: aqua;
}
```
```html
<div class="container">
  <div style="transform: rotate(-45deg);" class="element">
    <div style="transform: rotate(45deg);" class="element-2">
    </div>
  </div>
</div>

<div class="container">
  <div style="transform: rotate(30deg) rotate(-15deg);" class="element">
    <div style="transform: rotate(-30deg) rotate(105deg);" class="element-2">
    </div>
  </div>
</div>
```

</details>

![](https://github.com/user-attachments/assets/8b36ecda-11b6-4647-b403-e2a57f8bc5e4)

Also: https://wpt.fyi/results/css/css-overflow/scrollable-overflow-transform-010.tentative.html

-- 
GitHub Notification of comment by Loirooriol
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12112#issuecomment-2840433782 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 29 April 2025 23:11:50 UTC