а бади — нет. Если что, дефолтное поведение, что сперва скроллится контент модалки, но когда ты дойдёшь до конца скролла, следующее движение в ту же сторону проскроллит тело.
бади не скролится в поле модалки или по всему окну?
И так, и так. Бади должен быть фиксирован. Когда нагуглишь, что position:fixed помогает, тогда открывай сафари :)
а бади скроллится об конец скролла модалки вместе с модалкой?
Сейчас да, но не должен. Еще раз: задача, чтобы при открытой модалке бади фиксировался при любых действиях, а контент модалки скроллился корректно.
ТАк было ж написано скролить бади с модаклой вконце перемотки. ок
Не-не, это дефолтное поведение. Но оно плохое.
Я уже года три юзают такую технику: 1. Весь контент кладу в контейнер. 2. Модалки наружу. 3. При показе модалки ставлю контейнеру position: fixed + top = текущий скролл. 3. Показываю модалку с position absolute. Profit: модалка скроллится во фрейме основного окна, как обычная страничка. + нужно поставить на body overflow-y: scroll чтобы не было прыжков контента из за отсутствия скролл-бара. Вот мой сайт трёхлетней давности. Тут модалка это менюшка. m.mitasuvl.ru
Это по принципу, что модалки, например, в body, как в реакт порталах?
Нее, про реализацию я вообще не пишу тут. Но да, порталы можно юзать. В последнем проекте сделал эту реализацию на портале.
clickout не хватает )
наверное про клик вне модалки?
чтоб закрыть модалку
Здесь это не имело смысла, модалка закрывает весь экран на телефоне. Это чисто версия для мобилок (она уже не используется, сейчас у них адаптивный сайт)
Набросал компонент для Свелта /Саппера использующий «порталы» для показа попапов 🎉🎊 https://svelte.dev/repl/143f6a8351294d76b5ab647ba562afeb?version=3.31.2
работает, только если задник обновить то сохраненный скролл больше не имеет смысла
А, ты не внутри модалки скролишь... хитрец 🤓👍🏻
Я когда-то делал целое решение @twototoo
Спасибо, щас буду со всем этом разбираться)
Если я правильно понимаю ui термины, то у тебя не попап, а обычная модалка. Попап это штука, которая всплывает над каким-то элементом (поппер и floating-ui занимаются этим), например, подсказка. А исчезающее уведомление это вообще тост
Обсуждают сегодня