1886067 - Copy button is misplaced in youtube share interface

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Ksenia Berezina [:ksenia]]

We've received a report in https://github.com/webcompat/web-bugs/issues/133994 where the button to copy video url is shifted to the right.
The issue is reproducible on MacOS, but not on Windows. I haven't checked Linux.

To reproduce:

1. Open any video on youtube, for example https://www.youtube.com/watch?v=H-9S5fu9Hj4
2. Click on "Share" button underneath the video and observe the opened interface

Expected:
Copy button is within the input boundary

Actual:
Copy button is shifted to the right and a bit cut off

From mozregression:

22:47.23 INFO: Last good revision: d476b321db898ab16351baeaabf2cc1bed447c68
22:47.23 INFO: First bad revision: 6a14f603289807a62753cc8ceaa35d9ba09cbf61
22:47.23 INFO: Pushlog:
https://hg.mozilla.org/integration/autoland/pushloghtml?fromchange=d476b321db898ab16351baeaabf2cc1bed447c68&tochange=6a14f603289807a62753cc8ceaa35d9ba09cbf61

Comment 1

[Ksenia Berezina [:ksenia]]

Attachment: 133994.html

I've attached a slightly reduced test case.
Hi Emilio, wonder if you could take a look at this, please?

Comment 2

[Emilio Cobos Álvarez [:emilio]]

This was a specification change (https://github.com/whatwg/html/issues/9976) which is likely to make it to other browsers. I think contacting youtube first would be helpful, to add that min-width: 0 declaration, which is what they gained with overflow: hidden. Would that be feasible?

Comment 3

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

Set release status flags based on info from the regressing bug 1800077

Comment 4

[Ksenia Berezina [:ksenia]]

(In reply to Emilio Cobos Álvarez (:emilio) from comment #2)

This was a specification change (https://github.com/whatwg/html/issues/9976) which is likely to make it to other browsers. I think contacting youtube first would be helpful, to add that min-width: 0 declaration, which is what they gained with overflow: hidden. Would that be feasible?

Thanks for looking into this, I've sent them an email.

Comment 5

[Daniel Holbert [:dholbert]]

Given comment 2 & comment 4, let's reclassify this as a WebCompat site report rather than a layout bug, since the Gecko behavior is intended/expected, and the proposed fix at this point is a site fix (or worst-case, we could ship an intervention if we needed to).

Comment 6

[Ryan VanderMeulen [:RyanVM]]

This was reported on the YouTube discuss list and we received confirmation from the team that they're working on a fix on their end.

Comment 7

[Ksenia Berezina [:ksenia]]

This appears to be fixed now.