Не размывайте кнопку, если выбран конкретный элемент.

Question

У меня есть простое выпадающее меню, которое отображается, когда задано определенное <button id="example">. Внутри такого раскрывающегося списка есть вход для простого поиска списка. При нажатии на кнопку запускается событие размытия на кнопке, поэтому скрывается выпадающее меню.

Можно ли каким-либо образом игнорировать его, чтобы событие размытия не было для кнопки?

Answer 1

Браузер всегда будет делать размытие, когда вы это сделаете.

Что вы можете сделать, это расширить видимость выпадающего меню, чтобы оно было видно, когда либо кнопка , либо в самом меню имеет фокус; или просто скрыть меню, когда клик за пределами кнопки и меню. Есть много способов сделать это.