2016-08-05 6 views
0

이 문제를 해결하는 방법에 대한 아이디어가 있습니다. combo-box의 위치가 잘못 지정되었습니다 (html select) css scale 변형이 적용되었습니다.파이어 폭스가 작동하지 않는 div 안에있는 입력에 축척이 있습니까?

내 Firefox 버전은 49.0b1입니다.

css에서 1.5를 제거하거나 대체 할 때 올바르게 배치됩니다.

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 버그이지만, anonther 외부 라이브러리에 의해 표준 select를 교체하지 않고 대안이 알아?

+0

바이올린이 존재하지 않는 것 같습니다. 또한 항상 질문에 직접 코드를 제공하십시오. – nils

+0

나는 링크 thx –

+0

을 수정했습니다. (바이올린 링크뿐만 아니라) 질문에 코드를 추가하십시오. – nils

답변

0

그것은 파이어 폭스와 버그 : https://bugzilla.mozilla.org/show_bug.cgi?id=455164

순간에 유일한 해결 방법은 Select2 같은 대안을 사용하는 것으로 보인다. 이 답변을 참조하십시오 : https://stackoverflow.com/a/27134660

+0

tierce librairy를 사용하는 8 살 버그가 다른 CSS 또는 js 대안으로 보이십니까? –

+0

Select2보다 더 간단하고 가벼운 라이브러리가 있습니다. 예를 들어 설명하겠습니다. 결국 사용자의 특정 요구에 달려 있습니다. 간단한 JS 드롭 다운까지도 가능할 수 있지만 코드 아키텍처를 알지 못합니다. – mjsarfatti