LoginSignup
3
2

More than 5 years have passed since last update.

safariのCSSバグ

Posted at

iOS9.3.5でCSSで重なるエレメントの描画がおかしいバグが見つかりました。

<textarea />
<p> 0 / 100 </p>

textareaに入力された文字数をリアクティブにpタグに更新します。
CSS設定によりpタグがtextareaの上に浮かんでいます。

問題点

入力された文字数がうまく更新されない時があります。発生確率が高くて、気づかないことがないと思います。
一定の数字が入力されたら、更新後の文字数が描画されるおうに見られています。
例えば、「a」を打つタイミングで、「1 / 100」が表示されますが、「ab」を入力しても、「1/100」のままで、「abcd」を入力したら、やっと「4/100」に更新されます。

但し、デバッグでDOMを確認すると、「ab」が入力されたタイミングでpタグが既に「2/100」に更新されています。
下記理由で、これはiOS9.3.5のバグではないかと思われます。
・iOS10の場合は該当問題がありません。
・pタグをtextarea上に浮かばないようにする場合、問題ありません。

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2