Stuck on an issue?
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.
Please make dropdown width match input field
See original GitHub issuePlease make dropdown width match input field’s width and expand only if a country entry is wider than that.
If I’m not mistaken, previously this was handled by the responsiveDropdown option which was dropped in v4.0.0.
If you only have a couple of countries, the dropdown is unnecessary wide, hides other content and simply looks ugly:
Before v4.0.0.0:
Issue Analytics
- State:
- Created 9 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Intl-tel-input: Make Country list dropdown width match the ...
It can be achieved by javascScript, but I need to do it using CSS only. The width of the dropdown and the input...
Read more >How to adjust the width of drop-down field? - Jotform
Hi guys,. I am working on my new form no problem, however drop down menus are acting funny. They look all right in...
Read more >Phone field not using column width - WordPress.org
The phone field in contact information is not using all of the available column width with the update to version when configured side...
Read more >width - CSS: Cascading Style Sheets - MDN Web Docs
The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set...
Read more >C38: Using CSS width, max-width and flexbox to fit labels and ...
This technique ensures labels and inputs do not break out of their layout area, including in one-column layouts where it would cause horizontal...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I’ve just figured out that we can use
white-space: nowrap;instead of setting the width on the<ul>and then it will only be as wide as the content. You can add it yourself for now, along with overriding the width by setting it toauto. I will add this in the CSS soon.I am using the version 12.1.6, and is not working anymore. Anyone has a simple fix?