1847777 - scrollWidth doesn't factor in padding

Status: RESOLVED DUPLICATE of bug 1768921

(Core :: Layout, defect)

Description

[Joe Spandrusyszyn]

Attachment: Screenshot 2023-08-08 at 12.39.10 PM.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Steps to reproduce:

1. Create a div with a width, overflow: hidden, a padding, and content that extends beyond the width (but small enough that it doesn't extend outside the padding).
2. Compare the scrollWidth and clientWidth of the element
3. Create a div with a width, overflow: hidden, a padding, and content that extends well beyond the width
4. Compare the scrollWidth and clientWidth of the element in multiple browsers

A CodePen reproduction is available here: https://codepen.io/illandril/pen/dyQLBEM
A screenshot of the results I see in my testing is attached.

Actual results:

2. scrollWidth is equal to the clientWidth
3. scrollWidth in Firefox is smaller than Safari and Chrome; clientWidth is equal in Firefox, Safari, and Chrome

Expected results:

2. scrollWidth is greater than the clientWidth
3. scrollWidth and clientWidth is identical in all browsers

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[David Shin[:dshin]]

Ah, yes - this is a duplicate of bug 1768921 - we should no longer "eat" the horizontal padding in calculating scrollable overflow.