Как так сделали категории на olx?

Question

[black_in_kz]

Доброго дня!
Каким образом реализовано выпадающее меню со скроллом на сайте https://www.olx.kz/list/ в поиске "Выберите рубрику"?
У основного выпадающего меню(div) стоит overflow: auto; заданы width и height. а подменю выходит за рамки родительского div`a, каким образом? ведь если overflow: auto, то все что внутри родительского div`а должно скрываться?!

Comments

[black_in_kz]

Назар Мокринский Почему тогда такой код может не работать?

.root {
  overflow: auto;
  background-color: #eee;
  width: 200px;
  height: 100px;
  position: relative;
}
.root ul {
  overflow: auto;
  display: none;
  background: #fff;
  position: absolute;
  top: 45px;
  left: 100%;
}
.root > li:hover ul {
  display: block;
}

<ul class="root">
 <li>
    <a href="/">Menu item</a>
    <ul>
      <li>Submenu item</li>
    </ul>
  </li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
  <li><a href="/">Menu item</a></li>
</ul>

[Назар Мокринский]

black_in_kz: Не знаю, запускать мне лень. Если оформите на jsfiddle - может и посмотрю

[black_in_kz]

Назар Мокринский: https://jsfiddle.net/sd6q6776/ благодарю.

[Назар Мокринский]

black_in_kz: А что там должно получиться?

Answer 1

[Назар Мокринский]

Не должно скрываться, должно прокручиваться (только если не помещается).