safari : <input type="file">でバグるときの対応
titleの通り。
202021216追記
既存のバグらしい。
https://discussionsjapan.apple.com/thread/252057820
環境
- Mac OS Mojave 10.14.6
- Safari : バージョン14.0.1 (14610.2.11.51.10)
結論
acceptを書いたらうまく行った
問題のコード
ざっくりと以下の通り。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- ↓このinputが動かん -->
<p>test1Input</p>
<input type="file" id="hoge" name="fuga" />
<br />
<!-- ↓こっちは動く -->
<p>test2Input</p>
<input
type="file"
id="avatar"
name="avatar"
accept="image/png, image/jpeg"
/>
<br />
</body>
</html>
具体的な問題
- ２個めinputをクリックすると正常に起動。
- その後、１個めのinputをクリックすると無反応。
- １個めをクリックしたあとだと、２個めも動かなくなる。
- safariを再起動すると治る。
Author And Source
この問題について(safari : <input type="file">でバグるときの対応), 我々は、より多くの情報をここで見つけました https://qiita.com/masuraoProg/items/91e46f5c3250bcdfff47著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .