Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
<select> element rendering incorrectly in input-group
See original GitHub issueI’m using Bootstrap and <select> elements on my page without any additional styling and their arrows look ugly if they are parts of an input-group. That’s how such a <select> shows up in Firefox (not much difference in Chrome either):
And this is how Firefox normally renders a <select> element without Bootstrap (or without placing it in an input-group):
This fiddle shows the behaviour.
What causes the issue? Is this a known bug, and if so, are there any workarounds? (I’d rather not use dropdown components instead as it would be hard to configure those as Angular FormControls.)
(OS: Ubuntu 17.04, Browser: Firefox 56.0)
Issue Analytics
- State:
- Created 6 years ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Any background or border (including border-radius) change causes this. I think there’s no solution. It worked the same in Bootstrap 3. Maybe there should be a variable that would allow to disable this select styles.
Closing as custom select support is coming in #24455.