0

I am using intl-tel-input library for international telephone dropdown selection.

enter image description here

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.

Anand Gupta
  • 5,640
  • 3
  • 27
  • 37

2 Answers2

0

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.

enter image description here

Anand Gupta
  • 5,640
  • 3
  • 27
  • 37
  • 1
    I've had the same exact symptom as you. For me it was a typo in my html when including the css (`media="scree"` instead of `media="screen"`). The tricky part was it triggerd no error or warning. – XouDo Jun 13 '19 at 09:16
0

In my case it wasn't problem with lib version, but z-index on dropdown div. So check css first, then try other solutions.

Filip Stefanovic
  • 1
  • 1