###前提・実現したいこと
SELECT要素をクリックした際に表示されるメニューは要素以外の画面をクリックしたりした際に消えてしまいます。
ブラウザ上部のタイトルクリック時などの際にも同様にメニューは消えてしまいますが、その際にもメニューの表示状態を維持したいです。
###発生している問題・エラーメッセージ
SELECT要素クリック時のメニューの表示、非表示をどうやっても制御できません。。。
###試したこと
・SELECT要素、OPTION要素の属性指定では解決しない。
・CSSでの指定方法でも解決しないと思われる。(visibilityやhiddenなど)
・addEventListnerで思い当たるEvent(blur, click, mouseout, mouseleave)に対して、イベントハンドラーを設定しevent.preventDefault()を実行してもこの挙動を制御できない。
###補足情報
最新バージョンのブラウザで実験したところ、Chrome,FFでタイトルをクリックした際に消えてしまいます。
(IE,Edgeではクリックしても消えません。)
###その他
このメニューの表示、非表示ですが、内部的にどのような処理が行われて、このような挙動となっているのか、
皆目見当もつきません。SELECT要素の標準仕様なども参照してみたのですが、参考になる記述は無かったように思います。
(chromiumの該当のコードとかがわかれば何かわかるのではないかと思って調べてみましたが、挫折してしまいました。)
どなたか詳しい方がいらっしゃれば、何かご教授願えませんでしょうか。よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー