Search code examples
htmlhtml5-audio

HTML <audio> context menu position

Don't know if it's a bug related to Chrome and Edge or something wrong with the HTML, but the context menu for audio controls, when html contains multiple controls, always open attached to the latest control.

The red circle in the image shows where the user clicks.

enter image description here

<html>
  <head>
    <title>TEST</title>
  </head>
  <body>
    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
    </audio>
    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
    </audio>
  </body>
</html>

At the moment I'm running the latest Chrome version.

UPDATED PICTURE

enter image description here

Solution

  • This bug occurs in Chromium, which is the basis for Chrome. Therefore, the same issue is occurring in browsers like Edge as well. It has already been reported on the Chromium forum. https://issues.chromium.org/issues/342961838