Положение контекстного меню HTML <audio>

Не знаю, связана ли это с Chrome и Edge или что-то не так с HTML, но контекстное меню для элементов управления звуком, когда html содержит несколько элементов управления, всегда открывается с прикрепленным к последнему элементу управления.

Красный кружок на изображении показывает, куда пользователь нажимает.

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

На данный момент я использую последнюю версию Chrome.

ОБНОВЛЕННОЕ ИЗОБРАЖЕНИЕ

Итак, что именно вы хотите здесь сделать?

M.Riyan 21.05.2024 13:01

Я хочу быть уверен, что HTML действителен и, вероятно, это связано с Chrome. Возможно, другие пользователи столкнулись с той же проблемой и как-то ее исправили.

c.bear 21.05.2024 17:14
but the context menu for audio controls always open attached to the latest control. означает ли это, что вы хотите, чтобы элементы управления звуком находились в отдельной новой строке?
M.Riyan 21.05.2024 17:38

@M.Riyan Хорошо, я понял, что пример не совсем ясен. Я обновил изображение, показывая расположенные друг над другом элементы управления. Какие бы «3 точки» я ни нажимал, контекстное меню всегда появляется в самом низу.

c.bear 22.05.2024 10:09
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
2
4
152
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Эта ошибка возникает в Chromium, который является основой Chrome. Таким образом, та же проблема возникает и в таких браузерах, как Edge. Об этом уже сообщалось на форуме Chromium. https://issues.chromium.org/issues/342961838

Другие вопросы по теме