Bug 13486 – RenderObject::absoluteBoundingBoxRect() does not account for border or padding of elements

• Component: Layout and Rendering
• Status: RESOLVED CONFIGURATION CHANGED

[David Kilzer (:ddkilzer)]

* SUMMARY
When using the Web Inspector on certain elements, the red highlight box is not centered on the element, nor does it cover the whole element.

* STEPS TO REPRODUCE
1. Open Safari/WebKit.
2. Open the attached test case or view the Bank of America site.
3. Right click on the "Border" or "Padding links (on the test page) or the "Sign In" button on the Bank of America site and select "Inspect Element".
4. Note the location of the red highlight box.

* EXPECTED RESULTS
Either:
- The red highlight box should encompass the whole element, including the border and/or padding.
- The red highlight box should be centered around the original element, excluding the border and/or padding.

* ACTUAL RESULTS
The red highlight box is always in the upper left-hand corder of the area created by the element plus its border and padding, so it's neither centered around the original element, nor does it include the extra space used by the border and/or padding.

* REGRESSION
This is not a regression since shipping Safari does not include a Web Inspector, and this behavior causes no known bugs at the moment.

[David Kilzer (:ddkilzer)]

Created attachment 14176 [details]
Test case

[Robert Hogan]

This looks OK to me now. OK to close?

[Ahmad Saleem]

Firefox Nightly 114, Chrome Canary 115 and Safari 16.4.1 are matching each other in the attached testcase.

Marking this as "RESOLVED CONFIGURATION CHANGED", please reopen if this is reproducible. Thanks!