New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

iOS系のOSで日時入力欄の表示がおかしい #404

Open

Futadaruma opened this issue Dec 14, 2024 · 1 comment

Contributor

Futadaruma commented Dec 14, 2024 •

edited

Loading

不具合の概要

iOS系のOSで/contests/newの日時入力欄の表示が異常に小さくなり日時入力ができない

症状の確認

(iPhone iPad)×(safari chrome)は4通り全てにおいて入力欄が小さくなり入力できない
Mac×safariはアイコンが表示されない

Mac×chromeは正常動作
Android×chromeは正常動作

※Macでdev toolsを使って画面サイズをスマホサイズにしても、「入力欄が小さくなり入力できない」ことにはならない

軽く調べてわかったこと

MDN <input type="date">とMDN <input type="datetime-local">をMacのSafari, Chromeのそれぞれで開いてみると、ChromeにはカレンダーのアイコンがありSafariにはないため2は仕様である可能性が高そう
後者のMDNとtraPortfolioではSafarinioite午前/午後の選択ができない

Contributor Author

Futadaruma commented Dec 14, 2024

もしかすると参考になるかもしれないQiita
iPhoneのみで起きるinput type=date部分の表示に関する改善が書いてある

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment