Chromeでファイルダイアログを開く前に、ファイル入力を複数回クリックすることができます

Question

ファイル入力を以下のようなボタンで囲みました。このボタンをクリックした後時々

.fileUploadButton input[type="file"] { 
 
    right: 0; 
 
    top: 0; 
 
    font-size: 100px; 
 
    position: absolute; 
 
    outline: none; 
 
    opacity: 0; 
 
    cursor: pointer; 
 
} 
 

 
.btn { 
 
    display: inline-block; 
 
    padding: 6px 12px; 
 
    text-align: center; 
 
    cursor: pointer; 
 
    border: 1px solid transparent; 
 
} 
 

 
.btn-success { 
 
    color: #fff; 
 
    background-color: #5cb85c; 
 
    border-color: #4cae4c; 
 
} 
 

 
.btn-success:hover { 
 
    color: #fff; 
 
    background-color: #449d44; 
 
    border-color: #398439; 
 
} 
 

 
.fileUploadButton { 
 
    position: relative; 
 
    overflow: hidden; 
 
}

<span class="btn btn-success fileUploadButton"> 
 
     File Upload Button 
 
     <input type="file" name="file" accept="application/zip"> 
 
    </span>

、ファイルダイアログは、10秒のような遅延の後にオープンします。ファイルダイアログが開くのを待つ間、UIはブロックされず、ボタンを2回以上クリックすることができます。これにより、他のダイアログを閉じると、より多くのファイルダイアログが開きます。

これは初めてのChromeセッションでは1回しか発生していないようですが、それ以降は再現できません。それは決定的な方法で再現することはできません。バージョン59を含む複数のChromeバージョンでこれを確認しました。

これは既知のバグですか？回避策はありますか？再現する決定的なステップは知られていますか？

編集：

Answer 1

私はあなたのハードドライブがスリープモードになっているので、これはあると思います。停止しました。ファイルボタンをクリックするたびに、ブラウザにOSにファイルシステムへのアクセスを依頼し、OSはディスクを起動させる必要があります。それがスピンアップし、アクセスを初期化し、すべてを開始するまで数秒かかる。明らかに、これはSSDドライブでは起こりません。