環境

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を再起動すると治る。

参考
stackoverflow大先生