У меня есть приложение реакции, которое имеет боковую панель. Эта боковая панель вертикально длинная и имеет ul > li элементов. Я обертываю этот элемент расширением React Scrollbar.
Проблема в том, что полосы прокрутки устанавливают overflow в hidden. Моя боковая панель отзывчива, и когда она отображается на мобильном телефоне, если пользователь наводит на нее значок, он раскрывается, отображая текст прямо на нем. Я также проиллюстрировал это на демонстрации.
Из-за добавления полосы прокрутки overflow: hidden текст рядом со значком не отображается при наведении курсора. Я могу заставить его работать, если я установил overflow: visible на оболочке полосы прокрутки. Однако на этот раз полосы прокрутки перестают работать.
Как сохранить полосы прокрутки по вертикали и развернуть вправо при наведении курсора на значки и отображении текста.
См. Демоверсию : https://react-cgpzcq.stackblitz.io Редактор здесь: https://stackblitz.com/edit/react-cgpzcq
Я также могу изменить реквизиты полосы прокрутки, поэтому возможна любая модификация элемента полосы прокрутки. Есть идеи?
