input type="file"でドラッグ＆ドロップしたときにファイル選択エクスプローラーを消したい。

Question

前提・実現したいこと

①ファイル選択のエクスプローラーを表示中に、ドラッグ＆ドロップしてファイルを選択した場合に、表示しているエクスプローラーを閉じる方法。
または、
②表示しているエクスプローラーからファイルを選択することで、すでにドラッグ＆ドロップしたファイルを上書きする方法があれば知りたいです。

発生している問題の動作フロー

①
・ファイル選択ボタンを押す。
・ファイル選択エクスプローラーがひらく。
・エクスプローラーを無視して、ファイルをドラッグ＆ドロップして追加する。
・ファイルはドロップされた物に更新されるが、エクスプローラーは開いたまま。（←これを自動で閉じるようにしたい）

②
・ファイル選択ボタンを押す。
・ファイル選択エクスプローラーがひらく。
・エクスプローラーを無視して、ファイルをドラッグ＆ドロップして追加する。
・ファイルはドロップされた物に更新されるが、エクスプローラーは開いたまま。
・開いたままのエクスプローラーからファイルを選択し、開くを押す。
・エクスプローラーは閉じるが、ファイルはドロップした物のまま（←エクスプローラーから選択した物に変更したい）

該当のソースコード

<input type="file">

補足情報（FW/ツールのバージョンなど）

Reactを使用しています。
Macです。

Comments

[maisumakun]

Windows環境でしょうか？

[rkmy]

Macです！

[miyabi_pudding]

前者と後者で、どちらができなかったのでしょうか？
（相反する導線のため、どちらかはできそうな気がしたため）

[rkmy]

どちらも実現することはできませんでした。

[miyabi_pudding]

あれ・・・。
後者は、再度、input[type="file"]をクリックし、選択すれば、上書きされると思うのですが・・・。
どういった動作をしてできなかったか、の動作フローも、質問本文に記載お願いします。

[rkmy]

そうですね、言葉足らずでした。
フローを追記します！

Answer 1

基本的には、
OSやブラウザによるコントロールの部分のため、
JavaScript側での制御はできません。

ただし、

javascript - ファイル入力ダイアログが開いているかどうかの検出

を上手く使えばできるかもしれません。

Comments

[rkmy]

やっぱりそうなんですね・・・
参考URLありがとうございます！

Answer 2

表示しているエクスプローラーからファイルを選択することで、すでにドラッグ＆ドロップしたファイルを上書きする方法

そのまま同じ<input type="file">にドロップすれば上書きできるかと思うのですが、やりたいことはそういうことではないのでしょうか？

Comments

[rkmy]

ドロップすれば、確かに上書きすることはできるのですが、すでに開いたエクスプローラーから選択することで上書きすることはできないでしょうか？
①順序としては、ファイルを選択を押す。
②エクスプローラーは無視して別の場所からドラッグ＆ドロップをする。
③ファイル選択エクスプローラーがそのままになっている
と言う状態です。
（すいません、エクスプローラーと言う表現が正しいのか分かっていないのですが、「ファイルを選択」を押したときに現れるfinderみたいな物です。）

[maisumakun]

すみません、mac環境がないのでわからないです。