Search code examples
iosiphoneselectdropdownmobile-safari

Select Dropdown is not working on iPhone iOS version 14.6 in Safari Browser

I'm using very basic HTML to create select dropdowns. Like

<select>
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                        <option value="4">Four</option>
                    </select>

But when I run my site on iPhone with the 14.6 version. I'm not able to set or change the value of the dropdown. Is there any known issue? More details: I'm using angular 1.x, boostrap, ASP Dot Net.

Solution

  • In my index.aspx page I'm using the fastclick.min.js and above the line of code in the document.ready block.

    var attachFastClick = Origami.fastclick;
attachFastClick(document.body);

    So basically what I did, trace down the index file from top to bottom for the script code which might be the cause for this dropdown issue. So commented out the line of code that might be the cause for the issue and then tested on iOS 14.6 device for safari browser. As soon as I commented out the code related to fast click and check on iphone iOS 14.6 it starts working.

    I'm not sure why the drodown is not working on iPhone iOS 14.6 safari browser when with fastclick.js include.