в родительский элемент, поэтому он игнорируется переполнением.

от вопрос уже есть ответ здесь:

У меня есть следующая раскрывающаяся структура HTML и CSS, его родитель имеет переполнение скрыто -

У меня проблема в том, что когда вы выбираете выпадающий список, он отключается скрытым переполнением, и мне нужно, чтобы он игнорировал переполнение.

Я смотрел на изменение положения выпадающего меню на фиксированное, но тогда мне нужно было бы рассчитать его положение для каждого выпадающего списка, любые другие предложения помогут!

.overflow-container {
  display: block;
  height: 60px !important;
  overflow: auto;
  overflow-x: hidden;
  float: left;
  background-color: #eaeaea;
  padding: 20px;
}

.dropdown-container:hover .dropdown1 {
  display: block;
}

.dropdown1 {
  display: none;
}

<div class="overflow-container">
  <div class="dropdown-container">
    Select an option
    <ul class="dropdown1">
      <li class="dropdown-item">Option 1</li>
      <li class="dropdown-item">Option 2</li>
      <li class="dropdown-item">Option 3</li>
    </ul>
  </div>

  <div class="dropdown-container">
    Select an option
    <ul class="dropdown1">
      <li class="dropdown-item">Option 1</li>
      <li class="dropdown-item">Option 2</li>
      <li class="dropdown-item">Option 3</li>
    </ul>
  </div>

  <div class="dropdown-container">
    Select an option
    <ul class="dropdown1">
      <li class="dropdown-item">Option 1</li>
      <li class="dropdown-item">Option 2</li>
      <li class="dropdown-item">Option 3</li>
    </ul>
  </div>

</div>

Смотри работающий JSFiddle -https://jsfiddle.net/DarianSteyn/oq1w6eds/7/

Структура построена с использованием плагина, который устанавливает HTML и CSS. Я могу изменить CSS, но не структуру HTML. Я также не могу изменить высоту родителя, его нужно прокручивать, если есть несколько выпадающих.