Closed Bug 1939859 Opened 2 months ago Closed 1 month ago

genius.com - Text for album title is truncated

Categories

(Web Compatibility :: Site Reports, defect, P2)

Product:
Web Compatibility
Component:
Site Reports
Platform:
Desktop
Windows 10
Type:
defect

Tracking

(Webcompat Priority:P3, firefox133 affected, firefox134 affected, firefox135 affected)

Status:
RESOLVED WORKSFORME
Project Flags:
Webcompat Priority P3
Tracking Flags:
Tracking Status
firefox133 --- affected
firefox134 --- affected
firefox135 --- affected

People

(Reporter: rbucata, Unassigned)

References

(
URL
)

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)

Ff
536.92 KB, image/png
Details

Environment:
Operating system: Windows 10
Firefox version: Firefox 133.0

Steps to reproduce:

  1. Navigate to: https://genius.com/Olivia-rodrigo-brutal-lyrics
  2. 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

Attached image Ff —
status-firefox133: --- → affected
status-firefox135: --- → affected

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

status-firefox134: --- → affected
Whiteboard: [webcompat-source:web-bugs] → [webcompat-source:web-bugs][webcompat:sightline]

This is working fine for me, I don't see any cut-off text. Can you still reproduce this, Raul?

Severity: -- → S4
User Story: (updated)
Flags: needinfo?(rbucata)
Keywords: webcompat:needs-diagnosis
Priority: -- → P2

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)?

Webcompat Priority: --- → P3

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)

This seems to work for me as well.

Status: NEW → RESOLVED
Closed: 1 month ago
Flags: needinfo?(rbucata)
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: