Firefox translate3dが選択入力でぼやける

Question

translate3dを使用するテーマに基づいてウェブサイトを設計していますが、これは選択ドロップダウンウィンドウを使います。 ----------

編集：私はFirefoxでリストを開くとき

<select> 
    <option value="Biały">Biały</option> 
    <option value="Czarny">Czarny</option> 
    <option value="Czerwony">Czerwony</option> 
    <option value="Żółty">Żółty</option> 
</select> 

は基本的には、全体のリストは次のように左へシフトしです-------- added JSBin Aboutタブをクリック

Answer 1

私はこれがあなたが探しているものは確かではありませんが、根本的な問題は回転自体ではありません。コンテナには変換があります。この変換は完全に不要な場合があります。トランスフォームを使用する代わりに、絶対配置を代用することができます。あなたがそうする必要があり、次の

#spaces-main{ 
    transform: none!important; 
    position: absolute; 
    left: 240px; 
    right: 0; 
    width: auto; 
} 

水平スクロールバーがオリジナルのデモと私のバージョンに表示されているようですので、私は同様に

body{ 
    overflow-x:hidden; 
} 

トレードオフこれを追加した応答が必要かもしれないということです1つ以上のトランジションが元々のように機能しない可能性があります。いずれにしても、ここではドロップダウンが正しく動作するデモがあります。代わりに、このソリューションの

http://jsbin.com/karinajalu/1/edit?html,output

、あなたはstyleableドロップダウンプラグインを追加することを検討することがあります。これはおそらく同じ問題を経験しないだろうし、それはさまざまなブラウザ間でより良いとより一貫しています。私はどのプラグインを使うべきかについての勧告はありません。