Scroll Модального окна

170

09 мая 2022, 11:50

Всем привет! У меня имеется приложение и кнопка при клике на которую появляется модальное окно(в нем содержатся продукты взятые из store(redux)). При открытии модального окна продукты занимают много места(больше чем размер модального окна) и соответственно в окне показывается только часть продукции, остальная часть не отображается.(см. скриншот) Подскажите пожалуйста способ, каким образом можно сделать скролл модального окна. Пробовал через стили, не работает. Может можно сделать через React.createRef() через родительский компонент или я ошибаюсь....

Answer 1

здесь как раз вопрос стилей. модальное окно не скроллится, потому что оно имеет свободную высоту и не ограничена скроллом. установите этому модальному окну фиксированую высоту(например, height: 100vh или же ограничение на высоту (max-height: 100vh) и у вас появится возможность скролла этого окна.