раскрывающийся список скрывается за родительским элементом - PullRequest
Новая
       15

раскрывающийся список скрывается за родительским элементом

0 голосов
/ 23 октября 2018 

#container {
  width: 70vw;
  height: 85px;
  position: relative;
  border: 1px solid;
  display: flex;
  overflow-x: scroll;
  scroll-behavior: smooth;
  padding: 0 10px;
}

.wrapper {
  height: 100%;
  flex: 1 0 33.39%;
}
<div id="container">
  <div class="wrapper">
    <div>title</div>
    <component></component>
  </div>
  <div class="wrapper">
    <div>title</div>
    <component></component>
  </div>
  <div class="wrapper">
    <div>title</div>
    <component></component>
  </div>
  <div class="wrapper">
    <div>title</div>
    <component></component>
  </div>
  <div class="wrapper">
    <div>title</div>
    <component></component>
  </div>
</div>

У меня есть контейнер, в котором я показываю три элемента за раз и скрываю другие, используя overflow-x: scroll, чтобы я мог прокручивать элементы.при нажатии на компонент отображается раскрывающийся список, но раскрывающийся список скрывается и не отображается.при использовании overflow-y: visible для контейнера устанавливает для overflow-y значение auto. Существует ли способ показать раскрывающийся список при использовании overflow-y: visible.

внутри компонента 

<div id="container">
  <div style="position:relative;display:flex">
      <button>show</button> 
     <dropdown-list><dropdown-list>           
  </div>
</div>

при нажатииКнопка и раскрывающийся список с использованием переменных либо отображается, либо скрывается

внутри раскрывающегося списка 

<div id="container" style="display:flex;position:absolute;flex-direction:column">
  <div>one</div>
  <div>two</div>
  <div>three</div>
  <div>four</div>
</div>
...