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

stevennovaryo has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-overflow] What is the expected behavior of scrollable overflow in case of non-rectangular descendant area due to transforms? ==
The overflow spec defines how [scrollable overflow area calculated in a recursive way](https://drafts.csswg.org/css-overflow/#scrollable-overflow-region). Basically, the spec would consider the union of children's area for each layer of recursion. In which, could be non-rectangular due to transform. 

On the other hand, implementations uses the smallest bounding rectangle of these union in each layer of recursion for the calculation of a scrollable overflow area. This causes inaccuracy where the scrollable overflow of the element could extend beyond the farthest point of it's descendants if it have nested transforms that results in non-rectangular shapes. As shown by [scrollable overflow of an element with nested rotated descendant example](https://jsfiddle.net/a57m89pj/2/). 

cc: @xiaochengh @Loirooriol 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12112 using your GitHub account


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

Received on Wednesday, 23 April 2025 07:35:52 UTC