2016-08-05 7 views
0

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

Моей версией 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>

Here a fiddle exemple

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

+0

Эта скрипка, кажется, не существует. Также всегда указывайте код непосредственно в вопросе. – nils

+0

Я скорректировал ссылку thx –

+0

Пожалуйста, добавьте код к вашему вопросу (а не только ссылку на скрипку). – nils

ответ

0

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

Единственный способ решения проблемы на данный момент, кажется, использует альтернативы, такие как Select2. Также см. Этот ответ: https://stackoverflow.com/a/27134660

+0

ошибка 8 лет, используя tierce librairy кажется слишком тяжелой, любой другой вариант css или js? –

+0

Есть более простые, более легкие библиотеки, чем Select2, я поставил его там, как пример. В конце концов, это зависит от ваших конкретных потребностей, может быть, даже простого раскрывающегося списка JS, но мы не знаем вашу архитектуру кода. – mjsarfatti

 Смежные вопросы

  • Нет связанных вопросов^_^