materialize

materializeというレスポンシブフロントエンドフレームワークで開発したサイトを、iPhoneで操作していて、フォームの select で選択した値が選択されないことがわかりました。iOS13以降でこの症状が見られるようです。

iOS13以降で、ドロップダウンリストを選択したものと違うものが選択される

これには修正ファイルが存在し、これをmaterialのあとに読み込めば正しく挙動するようになります。

materialize

https://github.com/Dogfalo/materialize

Fix select on iOS 13

コメント欄に次のようなインクルード方法が記述されていて、正にそのとおりに動作します。

コンパイルする必要はありません。 js/select.js をダウンロードして、materialize.min.js の後にインクルードするだけです。
HTML では次のようになります。

<body>
...
<script src="js/materialize.min.js"></script>
<script src="js/select.js"></script>
...
</body>

https://cdnjs.com/libraries/materialize

10分でマテリアルデザインのダッシュボードを作る

More Reading

Post navigation