1955369 - UI component missing on trailjams.org page

Status: RESOLVED WONTFIX

(Toolkit :: Video/Audio Controls, defect)

Description

[Jim Garrison]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:136.0) Gecko/20100101 Firefox/136.0

Steps to reproduce:

Visit https://trailjams.org/music/ships-copperplate-reel-set/ (or any of the music pages) in Firefox on Windows 11, and scroll down to the "Play-along tracks". The text includes, in part:

Click on the 3-dot symbol on the right-hand side of the the player to get to the Playback Speed control

Actual results:

UI is missing the "3-dot symbol" referred to in the text. See first screenshot.

The 3-dot symbol is present and accessible in MSEdge on desktop (as well as Firefox on iOS). See screenshots 2-4 showing the UI object and its function.

Expected results:

The UI should include the referenced object and its functionality.

Comment 1

[Jim Garrison]

Attachment: Firefox - Showing missing UI element

Comment 2

[Jim Garrison]

Attachment: MS Edge - Showing UI element

Comment 3

[Jim Garrison]

Attachment: MS Edge - UI element after clicking

Comment 4

[Jim Garrison]

Attachment: MS Edge - After selecting playback speed

Comment 5

[Francesco Lodolo [:flod]]

Looks like the default <audio> on Chrome has speed options, while that's not the case for Firefox.

For triage owner: feel free to move if there's a better component.

Comment 6

[Jim Garrison]

Note that it's not only the speed option. The 3-dot menu is completely missing, and also includes a Download option.

Comment 7

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

The severity field is not set for this bug.
:kpatenio, could you have a look please?

For more information, please visit BugBot documentation.

Comment 8

[kpatenio]

Hi Jim, thanks for the bug report. Like Flod mentioned, Firefox doesn't support the 3-dot menu that includes speed and download options. We do have speed and "Save Audio as..." settings though in our context menu, after right clicking the audio element.

The 3-dot menu appears to be unique to Chromium-based browsers. More specifically, it is implemented via Blink, which isn't applicable to Firefox since we follow a different implementation. Additionally, it is not a site-specific issue; if you go to https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio, you will see that the 3-dot menu also does not appear on Firefox. It's worth noting as well that the audio controls will look different on Safari.

This is a browser feature/implementation matter, not a Firefox bug. So I'm going to close this as WONTFIX. If you have suggestions for improving our native video controls however, you're welcome to share ideas with the community on Mozilla Connect.

Comment 9

[kpatenio]

Attachment: Safari audio UI, for comparison