Является ли кнопкой оверлей модалки, при нажатии на которую модалка закрывается?

Ссылка скопирована
Веб-разработка
1 ответ

Собственно сабж.
Под оверлеем подразумевается дефолтное затемнение на фоне модалки

Дополнительно:

Ответы:

Нет. Для закрытия окна должна быть нормальная кнопка. Закрытие окна по клику вне его проще всего сделать кликом по оверлею, однако это не делает оверлей кнопкой.

  • Это понятно, тут больше вопрос доступности
  • godsplane, является ли кнопкой не кнопка?
  • godsplane, При чем здесь доступность? Я же написал – для закрытия окна должна присутствовать нормальная доступная кнопка (обычно это крестик в углу).
  • godsplane, Посмотрите верстку модалки в бутстрапе. Там все aria атрибуты прописаны.
  • godsplane,

    Это понятно, тут больше вопрос доступности

    Этот вопрос проще всего закрыть, ответив на следующий вопрос - "Для взаимодействия с overlay/backdrop-ом, Вы собираетесь растянуть < button> на всю ширину overlay/backdrop"?

  • Михаил Р., или добавить role
Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Елена Вебер Ответ

Для определения того, является ли кнопка оверлей модалки, при нажатии на которую модалка закрывается, можно использовать следующий подход:

1. Сначала необходимо определить, каким образом реализовано закрытие модалки при нажатии на оверлей. Обычно это делается с помощью JavaScript. Проверьте код, который отвечает за закрытие модалки, и найдите соответствующий обработчик события.

2. Если закрытие модалки осуществляется при клике на оверлей, то в соответствующем обработчике события должен быть код, который проверяет, было ли нажатие именно на кнопку оверлея. Например, можно проверить класс элемента, на который было совершено нажатие.

3. Если вы не можете определить логику закрытия модалки из кода, то можно провести инспекцию элементов на странице с помощью инструментов разработчика браузера. Найдите элемент оверлея и кнопку, которая его закрывает, и проверьте их атрибуты и обработчики событий.

Пример кода на JavaScript, который может использоваться для закрытия модалки при нажатии на оверлей:

document.addEventListener('click', function(event) {
    if (event.target.classList.contains('overlay')) {
        closeModal();
    }
});

document.addEventListener('click', function(event) { if (event.target.classList.contains('overlay')) { closeModal(); } });

Где функция `closeModal()` выполняет закрытие модалки. Проверьте, содержится ли подобный код в вашем приложении и как он работает, чтобы определить, является ли кнопка оверлей модалки, при нажатии на которую модалка закрывается.

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ