iOS12でCSSのfilterを使うと画像が乱れる件

webのあれこれ
2019/01/09
0
vanillaice (Akira)
vanillaice (Akira)
iOSGlitchCSS

iOSのどのバージョンから発生しており、機種限定なのかどうかも不明ですが、とりあえずiPhone XSのiOS12.1.2のSafariを始め第三ブラウザも同じような挙動を確認しています。

恐らく CSSのfilterプロパティ がスクロールの動作と結びついている場合に起こるのではないかと思います。filterにはいろいろありますが、いまのところ blur, grayscale で確認できました。たぶんfilterのほとんどがダメだろうと思われる。

現在既存テンプレートのメンテナンス中で既にメンテ終了としてある Velonica が引っかかっています。お気づきの方もいらっしゃるかも。あとは今メンテ中の Decoy もそうです。

Decoyについてはタブレットとスマートフォンではfilterを取り除くことで当面は対処したいと思います。Velonicaについては様子見で。取り急ぎのご報告です。よろしくお願いします。

Related post

Comments  0

コメントに関する注意事項
  • テンプレートに関するご質問は各テンプレート専用記事でのみ受付致します。また、よくある質問をまとめているページも事前にご参照ください。
  • 専門的なご質問の場合、記事内容と明らかに関連の無い内容はお控えください(雑談の場合はその限りではありません)
  • 第三者が不快と感じる内容や論調でのコメントはお控えください(性的,高圧的,暴力的など)