Chrome: элемент прокручивается, но полоса прокрутки не видна - PullRequest
Новая
       56

Chrome: элемент прокручивается, но полоса прокрутки не видна

0 голосов
/ 20 июня 2020

У меня довольно странное поведение в chrome. Дочерний элемент шире, чем оболочка, но chrome не показывает горизонтальную полосу прокрутки, даже если для переполнения установлено значение «Авто». Код: 

<div class="wrapper">
  <div class="inner">
    <table>
      <tr><td><div class="spacer">Lorem ipsum dolor...</div></td></tr>
    </table>
  </div>
</div>

.wrapper {
  width: 440px;
  height: 200px;
  border: 1px solid black;
}

.inner {
  overflow-y: auto;
  overflow-x: auto;
  display: flex;
  height: 100%;
}

.spacer {
  width: 427px;
  height: 500px;
  border: 1px solid red;
}

Живая демонстрация: https://jsfiddle.net/1b2xLdc4/

Есть мысли?

Спасибо

...