1548155 - Text disappears when mouseover/mouseout description

Status: RESOLVED INVALID

(Core :: DOM: CSS Object Model, defect, P3)

Description

[Alice0775 White]

Reproducible: always

Steps to reproduce:

1. open url
2. Mouseover description text and then mouseout

Actual Results:
The description text disappears

Comment 1

[Alice0775 White]

workaround:

@-moz-document domain("myanimelist.net") {
.js-synopsis {
width: 155px !important;
}
}

Comment 2

[Alice0775 White]

Attachment: reduced html

Comment 3

[Alice0775 White]

Attachment: testcase html

let elm = document.querySelector(".scroll");
let DOMRectWidth = elm.getBoundingClientRect().width;
let computedStyleWidth = window.getComputedStyle(elm).width;
alert(DOMRectWidth == parseInt(computedStyleWidth));

Firefox returns true.
Chrome and Edge returns false.

Comment 4

[Emilio Cobos Álvarez (:emilio)]

Thanks for filing this and for the reduced test-case Alice!

Comment 5

[Emilio Cobos Álvarez (:emilio)]

Calling this P3 since it's longstanding behavior and this is the only interop issue we know about here, but I still want to take a look at this.

Comment 6

[Emilio Cobos Álvarez (:emilio)]

Attachment: Bug 1548155 - Add a WPT test to ensure that getComputedStyle() round-trips when scrollbars are present. r=bzbarsky

See the note in the test about the .tentative.html bit. I really thing Gecko
behavior is sane here.

I filed https://bugs.chromium.org/p/chromium/issues/detail?id=973171 about this,
and told the Blink folks to file a csswg-drafts issue if they disagreed.

Comment 7

[Emilio Cobos Álvarez (:emilio)]

Sorry for the lag here. I think this is an issue with Chrome / Edge, and that our behavior is reasonable.

So I think this should be invalid, and I'll land a test.

I filed https://bugs.chromium.org/p/chromium/issues/detail?id=973171, but if they disagree we should discuss in the CSS WG and figure out where to go from here.

Comment 8

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/d92e38d89823
Add a WPT test to ensure that getComputedStyle() round-trips when scrollbars are present. r=bzbarsky

Comment 9

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/17329 for changes under testing/web-platform/tests

Comment 10

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Upstream web-platform-tests status checks passed, PR will merge once commit reaches central.

Comment 11

[Stefan Hindli [:stefan_hindli]]

https://hg.mozilla.org/mozilla-central/rev/d92e38d89823

Comment 12

[Web Platform Test Sync Bot (Matrix: #interop:mozilla.org)]

Upstream PR merged

Comment 13

[Ryan VanderMeulen [:RyanVM]]

Based on comment 7, I'm calling this invalid. Feel free to reopen the bug if the spec discussion ends up changing that viewpoint.

Comment 14

[Jules A]

I know this was marked invalid but it actually got fixed by something and the testcase and original website that experienced the issue now works.

Comment 15

[Emilio Cobos Álvarez (:emilio)]

It seems like the website has been fixed, probably. The reduced test-case still fails. Note that this is not an issue on Mac, since scrollbars don't take layout space there.