diff --git a/frontend/src/components/playlist-view/playlist-view.ts b/frontend/src/components/playlist-view/playlist-view.ts index 5a951b7..775d94f 100644 --- a/frontend/src/components/playlist-view/playlist-view.ts +++ b/frontend/src/components/playlist-view/playlist-view.ts @@ -1786,6 +1786,7 @@ export class PlaylistView extends ViewLifecycleMixin(LitElement) { : html` ${entry.summary .Name} diff --git a/frontend/src/components/queue-panel/queue-panel.ts b/frontend/src/components/queue-panel/queue-panel.ts index 78d2746..6453424 100644 --- a/frontend/src/components/queue-panel/queue-panel.ts +++ b/frontend/src/components/queue-panel/queue-panel.ts @@ -1595,6 +1595,13 @@ export class QueuePanel const artUrl = track.coverArtPath || ''; + // The panel's width is user-resizable down to MIN_WIDTH, so + // both of these are routinely clipped (a11y.24) — and the + // remove button is one of every row, named identically + // (a11y.32). + const title = this.getDisplayTitle(track); + const artist = track.artist || 'Unknown Artist'; + // No inline closures — all events delegated via data-index // on the virtualizer element (see firstUpdated). return html` @@ -1620,16 +1627,17 @@ export class QueuePanel ${artUrl ? html`
` : nothing}
- - ${trackLink(this.getDisplayTitle(track), track.album, track.releaseGroupMbid, track.recordingMbid, undefined, track.artist)} + + ${trackLink(title, track.album, track.releaseGroupMbid, track.recordingMbid, undefined, track.artist)} - + ${artistLink(track.artist, track.artistMbid) || 'Unknown Artist'}