Repository navigation
Custom select focus glow not correct/consistant. #25656
Description
Activity
bootstrap/scss/_variables.scss
Line 499 in c381d19
Should be
$custom-select-focus-box-shadow: $input-focus-box-shadow !default;Or
$custom-select-focus-box-shadow: $input-btn-focus-box-shadow !default;Same here
- added a commit that references this issue
on May 12, 2018 Also visible in the screenshots that firefox does not respect the
outline: 0;onselectwhen you use the keyboard to focus :(
However there is a really hacky way to get rid of it: https://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff/18853002#18853002As well as the “glow” styling not being consistent, custom selects don’t have an inner shadow when
$enable-shadowsistrue, leading it to look inconsistent to other input types on the same page:
- added a commit that references this issue
on Jun 24, 2018 - added a commit that references this issue
on Jun 24, 2018
Live example can be see on the docs page https://getbootstrap.com/docs/4.0/components/forms/#select-menu
When you focus the glow is not consistant with other inputs.
Valid and Invalid apply the correct focus glow when I add the classes via console.
