

HTMLにて、画像ボタンをクリックしたら「ファイルを開く」ダイアログを表示する機能を作成しています。

画像ボタンをクリックしても「ファイルを開く」ダイアログが現れないというユーザがいました。  
当方の環境で確認をしましたが、再現しません。  
どのような条件で「『ファイルを開く』ダイアログが現れないことがおこりえる」と考えられるでしょうか。

[code]

    <html>
    <div>
    <label for="FileOpen">
    <input id="FileOpen" type="file" name="File" class="FileOpen" style="display: none;"> 
    <img src="./Test.png" border="0" style="cursor:pointer;">
    </label>
    </div>
    </html>
    
[/code]

補足:  
当方、ユーザ共にブラウザは Edge または Chromeを使用しています。  
Webサーバは Raspberry Pi OS (Django)を使用しています。


CC BY-SA 4.0
2022-09-15T07:10:04.230
91116
2022-09-16T01:24:15.190
2022-09-16T00:57:23.620
54246
54246
question
html
HTMLの「ファイルを開く」ダイアログが表示されない場合がある


自分も画像ボタンをクリックしても「ファイルを開く」ダイアログが現れないことは  
なかったですが(EdgeとIEモード、Chrome)、ソースに`<div>`が抜けてました。


CC BY-SA 4.0
2022-09-15T07:49:36.473
91117
2022-09-15T08:56:18.717
2022-09-15T08:56:18.717
50767
50767
91116
answer


質問文から読み取れる内容だけだと関係があるかは何とも言えませんが、似た様な体験をしたことがありますので、ご参考までに回答させていただこうと思います。

私の場合、ボタンが押せない、と連絡してきたユーザがブラウザのズーム機能を使って100%以外の表示をしていました。  
そのため、ギリギリでレイアウトしていた画面の配置が一部崩れて、`<div>`だったか別の要素の領域の後に画像が配置され、見えてはいるもののいくら押しても反応しない、という現象が発生していました。

可能であれば現象が発生しているユーザのブラウザのズーム率なども確認してみてはどうでしょうか。解決のヒントになれば幸いです。


CC BY-SA 4.0
2022-09-16T01:24:15.190
91128
2022-09-16T01:24:15.190
9515
91116
answer