Firefox обрезает край выбора, когда обернут в div с переполнением

Question

Я нахожусь на Firefox 65 и OSX 10.11.6, и в следующем фрагменте я вижу пропущенную границу от левого края элемента <select>:

div {
  overflow: auto;
}

select {
  padding: 2px;
}

<div>
  <select>
    <option>TEST123</option>
  </select>
</div>

Для тех, кто в другом браузере или конфигурации, это выглядит так:

Может кто-нибудь объяснить, почему браузер отображает элемент без левой боковой границы?Это ошибка или есть какая-то законная причина, по которой эта комбинация правил должна давать такой результат?

Answer 1

Похоже, что переполнение вызывает это.Удаление этой декларации, кажется, исправляет ее.

Не уверен, почему это происходит.

div {
  overflow: initial;
}

select {
  padding: 2px;
}

<div>
  <select>
    <option>TEST123</option>
  </select>
</div>

Кроме того, отпадает не граница.Если вы установите границу на 1 пиксель красного цвета, вы получите прикрепленное изображение.

На данный момент, я думаю, это тень встроенного окна браузера, котораяотрезан.