前提
Vue.js 3
検索機能付きのセレクトボックスを作成中
やりたいこと
選択肢モーダルの外側をクリックしたときに、モーダルが閉じるようにしたい。
@blurでフォーカスが外れた時にモーダルを閉じる。
困っていること
モーダルに@clickを設定して選択肢をセレクトしているが、
clickイベントより先にblurイベントが発火するため、選択肢を押下できない。
解決
そもそも@clickではなく@mousedownをつかう。
参考
https://stackoverflow.com/questions/61137481/blur-event-cancels-click-event-in-vue-component