Широкое раскрывающееся меню обрезается после добавления overflow-y: выделите боковую панель. - PullRequest
Новая
       84

Широкое раскрывающееся меню обрезается после добавления overflow-y: выделите боковую панель.

1 голос
/ 27 марта 2020

У меня есть приложение R Shiny, но я считаю, что мой вопрос требует решения HTML / CSS (возможно, jQuery?), С которым я не слишком знаком. Я создал два простых приложения Shiny, которые иллюстрируют проблему, с которой я сейчас сталкиваюсь.

https://sometesting.shinyapps.io/test/

https://sometesting.shinyapps.io/test_-_copy/

Первый из них не содержит CSS свойство: 

.sidebar {
  height: 95vh;
  width: 300px;
  position: fixed;
  overflow-y: scroll;
  }

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

Я бы хотел избежать этой проблемы отсечения, и у меня есть раскрывающееся меню go над боковой панелью и полосой прокрутки. Я много часов искал и нашел несколько jQuery решений, но из-за моего незнакомого с jQuery плюс, насколько радикально отличается синтаксис R 10, созданный R Shiny для меня, я не могу решить это.

Спасибо!

Редактировать

Спасибо лосю за помощь в решении этой проблемы! Проверьте эту ветку: Рендеринг выпадающего меню Shiny Selectize сверху

Практически я поместил dropdownParent: "body" в мою функцию selectizeInput следующим образом: 

selectizeInput("s1", h4("Select State:"), 
    options = list(dropdownParent = 'body'),
    choices = state.name)

Возможно, вам придется настроить ширину и высоту вашего выпадающего списка. Спасибо, лось!

1 Ответ

1 голос
/ 27 марта 2020

Проблема связана с выпадающим списком выбора. Если вы сделали список html видимым, переполнение работает, как и ожидалось, но я предполагаю, что вам нужно что-то более мощное, чем список выбора по умолчанию.

Здесь аналогичная проблема решена: https://github.com/selectize/selectize.js/issues/192

Даже если это переполнение-х, а не у, решение должно быть таким же. В противном случае вы можете попробовать выпадающий список Semanti c UI (или еще лучше, Fomanti c UI)

...