Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
AlexRayn
@AlexRayn
React
Как закрыть модалку при клике мимо?
https://codepen.io/loozmax/pen/ExVRaew?editors=0110
Нужно чтобы при клике мимо формы она закрывалась. Как такое реализовать?
Вопрос задан
более трёх лет назад
98 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
hzzzzl
@hzzzzl
подложить под модалку div position:fixed на весь экран (заодно можно ему задать полупрозрачный цвет), ловить клик по этому диву и тогда уже убирать модалку
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Игорь
@loonny
Можно отлавливать клики у родительского элемента и проверять свойство target
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
React
Простой
Смещение на один элемент во время поиска?
1 подписчик
10 часов назад
65 просмотров
1
ответ
HTML
+1 ещё
Простой
Как убрать лишний div в root React?
1 подписчик
27 июл.
216 просмотров
0
ответов
React
Средний
Стоит ли разделять useWatch на отдельные вызовы, чтобы избежать лишних срабатываний useEffect в React Hook Form?
2 подписчика
27 июл.
96 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
2 подписчика
24 июл.
134 просмотра
0
ответов
React
+1 ещё
Средний
Как безопасно использовать useWatch с обязательными вложенными объектами в Yup-схеме без указания значений по умолчанию?
1 подписчик
24 июл.
45 просмотров
0
ответов
React
+4 ещё
Простой
Как правильно именовать компоненты форм?
1 подписчик
12 июл.
189 просмотров
0
ответов
React
+1 ещё
Простой
Почему я не могу передать переменную в качестве атрибута?
1 подписчик
07 июл.
122 просмотра
1
ответ
React
+1 ещё
Средний
Почему Typescript ругается на файлы js?
1 подписчик
01 июл.
98 просмотров
0
ответов
React
+2 ещё
Простой
Как заставить работать вместе react с laravel в openserver 6?
2 подписчика
22 июн.
178 просмотров
1
ответ
React
Простой
Как в реакте правильно доставать данные из localstorage?
1 подписчик
21 июн.
144 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик React
ДАЛЕЕ
•
Москва
от 130 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Frontend / Full-stack Developer (React & Conversational AI)
Hunt Rangers
от 4 500 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама