genius.com - Text for album title is truncated
Categories
(Web Compatibility :: Site Reports, defect, P2)
Tracking
(Webcompat Priority:P3, firefox133 affected, firefox134 affected, firefox135 affected)
Webcompat Priority | P3 |
People
(Reporter: rbucata, Unassigned)
References
()
Details
(Keywords: webcompat:needs-diagnosis, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs][webcompat:sightline])
User Story
platform:windows,mac,linux impact:minor-visual configuration:general affects:all branch:release diagnosis-team:layout
Attachments
(1 file)
536.92 KB,
image/png
|
Details |
Environment:
Operating system: Windows 10
Firefox version: Firefox 133.0
Steps to reproduce:
- Navigate to: https://genius.com/Olivia-rodrigo-brutal-lyrics
- Observe the text after the artist name and track number
Expected Behavior:
The title is fully visible
Actual Behavior:
The title is truncated
Notes:
- Reproduces regardless of the status of ETP
- Reproduces in firefox-nightly, and firefox-release
- Does not reproduce in chrome
Created from https://github.com/webcompat/web-bugs/issues/145661
Reporter | ||
Comment 1•1 month ago
|
||
Reporter | ||
Updated•1 month ago
|
Comment 2•1 month ago
|
||
Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.
Updated•1 month ago
|
Comment 3•1 month ago
|
||
This is working fine for me, I don't see any cut-off text. Can you still reproduce this, Raul?
Comment 4•1 month ago
•
|
||
I can't reproduce either.
I can reproduce something slightly like this (in both Chrome and Firefox) if I zoom in quite a lot so that there's not enough space, though. That does lead to the album title (SOUR) being ellipsized. That's expected, though (when space is constrained) because the element here has white-space: nowrap; overflow: hidden; text-overflow: ellipsis
, so the site is explicitly asking for ellipsizing to happen when it doesn't fit.
So the question here is why the text was judged to be not-fitting in Raul's screenshot; maybe there was an invisible element off to the right (e.g. some banner ad that ended up being invisible but still took up space) that stole some space away and slightly-squished the part of the page that has the album title?
Raul: if you can still repro, could you try to save the web page with an extension like https://addons.mozilla.org/en-US/firefox/addon/single-file/ , and attach the resulting saved HTML file (if it reproduces the bug as well for you)?
Updated•21 days ago
|
Comment 5•21 days ago
•
|
||
Raul: just checking, can you still repro? See comment 4; I'm going to need some help with figuring out how to reproduce or getting a reduced testcase here.
(I just tested again and still can't repro.... I'm pretty sure I was testing Win11 in comment 4, and just now I tested on Linux and on Win10-via-BrowserStack just now too.)
I did see on the github report that the user mentioned "I’ve noticed this only happens when Firefox’s width is set to roughly 1,508 pixels or higher. It displays correctly below that width threshold." -- that's an important note, and I do see that the site layout changes at around that threshold; but unfortunately that doesn't help me yet (I don't see the bug regardless of whether I'm below or above or way-above that threshold)
Reporter | ||
Comment 6•16 days ago
|
||
This seems to work for me as well.
Description
•