[International Telephone Input Web] Issue in web responsive
Forge component by Diogo Pereira
Application Type
Traditional Web
Service Studio Version
11.11.7 (Build 45559)

Hi Diogo Pereira,

Thanks for creating this component. 

I want to use this component for my project but seems that it has some issue in web responsive. In web responsive it is cutting the flags. please find below screen shot for your reference. Can you please help to check.


Thanks.

I can check it on my side it is working on the responsive application. Can you share your sample OML, so that I can check how it is implemented. 

Seems some resposive CSS is overlapping on the existing CSS for this component. that why you're getting this issue.

Amit Jain

Hi Pankaj Jain,

Can you try with below css

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
.iti__flag {
    background-size: 5632px 16px !important;
}
}

I have attached the URL

Regards,

Ellakkiya.S 

Hi Pankaj,


Thanks for trying to use this component :) 

I just made a test and all seems ok to me (see image)


However in order to understand what could be your issue, can you let me know what is the browser that you are using? And if you are using any custom CSS. 

The base CSS that comes with the component should make it work. And from the tests that I made it, using Internet Explorer, Chrome and Edge it's working fine (didn't try firefox or other)


Best Regards,

Diogo

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.