Масштаб на входе внутри div с Firefox не работает?

Любая идея, как это решить Firefox дисфункция: неправильное расположение combo-box опции (html select) с css scale преобразование применено.

Моя версия Firefox 49.0b1,

Когда я снимаю или заменяю шкалу (на другую) трансформацию 1,5 в css это помещает правильно.

    body {
      transform-origin: 0px 0px 0px;
      transform: scale(1.5); //That does not work correctly
      border: solid red 1px;
    }

    #container {
      width: 1150px;
      height: 700px;
      position: relative;
      overflow: hidden;
      display: block;
      left: 50px;
      top: 200px;
      border: solid dodgerblue 1px;
    }
<body>
  <div id="container">
    <select name="select">
      <option value="value1">Value 1</option>
      <option value="value2" selected>Value 2</option>
      <option value="value3">Value 3</option>
    </select>
  </div>
</body>

Вот пример скрипки

Я уже знаю, что это Firefox ошибка, но есть ли альтернатива без замены стандарта select другой внешней библиотекой?

Источник

1 ответ

Это ошибка в Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=455164

Единственный обходной путь в настоящее время, кажется, использует альтернативу, такую ​​как Select2. Также смотрите этот ответ: /questions/46818658/problema-masshtabirovaniya-v-optsiyah-vyipadayuschego-spiska-mozilla-firefox/46818674#46818674

Источник
Другие вопросы по тегам