Re: [csswg-drafts] [cssom-view-1][css-overflow-3] Definition of scrollable-area should match between specifications. (#12080)

Here's a similar interoperability issue.

```html
<!DOCTYPE html>
<style>
.container {
  width: 100px;
  height: 100px;
}

.element {
  width: 100px;
  height: 100px;
  transform: translate(-300px, 300px);
}
</style>
<body>
  <div id="one" class="container">
    <div class="element"></div>
  </div>

  <div id="two" class="container" style="overflow: scroll;">
    <div class="element"></div>
  </div>

  <script>
      console.log(one.scrollWidth, one.scrollHeight);
      console.log(two.scrollWidth, two.scrollHeight);
  </script>
</body>
```

`scrollHeight` for the `overflow: scroll` container is 100 in Chrome and 400 in Firefox. For the non-`overflow: scroll` container it is 400 in both browsers. It seems that `overflow: scroll` is affecting how Chrome interprets the rules around the "unreachable scroll overflow region." 

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


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

Received on Monday, 16 June 2025 09:48:27 UTC