intl-tel-input dropdown not working on mobile browser
I am using intl-tel-input library for international telephone dropdown selection.
When opening the app on web browser, country flags are coming as expected with proper styling, but it comes like above screenshot in mobile browser. I have added the flag css like
background-image: url("../images/flags@2x.png");
Library's live sample is here. Any clue?
--------------------- Edit ---------------------
I am using International Telephone Input v9.0.5.
Solution
After debugging the CSS files of the lib and many other options, finally library update resolved the issue.
I replaced the older version library with latest Release v12.1.2. And now it looks like below in mobile device.
- Centering in CSS Grid
- Print contents of scrollable div
- CSS background image in :after element
- How to do gradient borders in CSS
- CSS a href styling
- How to prevent line overlapping and make media query work for large screens?
- CSS - Text appears under DIV instead of breaking onto new line
- Dynamic N-column grid with aligned columns with either Flex or Grid
- Use of Template for Common html/css Format Across Site
- How to make Animated Web Speech API UI in HTML
- Why are non-matching CSS classes contributing to selector specificity calculation?
- @ media Screen CSS not working
- Add action to button with jQuery
- How can I get the selectionOffset relative to the parent element?
- css styling sequence of span and br with a background
- textarea's rows, and cols attribute in CSS
- I want everything on a card to align on a column, except for the image attached, how do I separate the elements correctly?
- Big Quotation marks styled in html css
- Does repeating a classname in a CSS rule increase its priority?
- Adjust width of input field to its input
- Custom styling for Ant Design Steps connector?
- Change brightness of background-image?
- Style cdkdrag while dragging in angular
- Set Text Direction in Footnotes in Obsidian
- Align drop down menu to the end of the main menu item
- White border around images and setting the border: 0; doesn't do anything
- How can I open multiple Bootstrap 5 modals without closing the old ones?
- How to draw a dotted line with css?
- Can't scroll within mobile drop down nav
- draggable and resizeable mat-dialog in Angular 8