質問: ### 前提・実現したいこと 複数選択できるselectを配置。 選択してる状態でスクロールして、選択したところに戻ると 選択状態の青背景がなくなって空白っぽく見えてしまう。 ちゃんとなかみが見えるようにしたい。 ### 発生している問題・エラーメッセージ ↓選択して、下へスクロール ![selectで選択したとき](https://teratail.storage.googleapis.com/uploads/contributed_images/46b020e21de3e151031faf49e4007d6d.png) ↓戻ったときに選択したはずの「1」が見えなくなる ![selectがfocusされているとき](https://teratail.storage.googleapis.com/uploads/contributed_images/a2c0f729dbd38645a20eb0134830ccaa.png) ↓フォーカス(青枠)がなくなると、見えるようになる ![selectからfocusがはずされたとき](https://teratail.storage.googleapis.com/uploads/contributed_images/2ed3fe8763821fbf6d925e9d29b550a1.png) ### 該当のソースコード ``` タイトル 1 2 3 4 5 6 7 8 ``` ### 試したこと ``` select:focus option:checked { color: #000; } ``` ### 補足情報 Bootstrap v4.1.0 jQuery JavaScript Library v1.10.2 jQuery UI - v1.10.4
回答: **動くサンプル:** Chrome にて状況が再現しました。 解決につながる回答ではないのですが、`.input-group` の `display: flex;` を外すと消えなくなるのですが、`.input-group` と同じスタイルを指定した場合問題が起こらないため、かなり稀なバグではないかと推測します。