Androidとtransformとinputのバグ 3D系のtransformの後ろに入力フォームがあった場合、Androidで挙動がおかしくなります。 <style> #d3d{ -webkit-transform:translate3d(0,0,0); } </style> <div id="d3d"></div> <input type="text"> サンプル 入力フォームにフォーカスを当てると、入力フォームの上によくわからない入力フォームが出現してtap-highlight-colorの位置もおかしくなってしまいます。 根本的な解決策はないのですが、次のようにfocus時にopacityを0にすることでそれっぽくすることはできます。 input:focus{ position:relative; left:-5px; top:-10px; padding:10px; opaci
![Androidとtransformとinputのバグ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)