Skip to Content (Press Enter)
UserImage.jpg
Fabian Godoy
66Views
2Comments
Solved
input type search doesn't work (iOS)
Question
Training
Browsers

Hi,

When we use a search type input, the icon to clean the field does not work on iphone but it works on Android.

Do we need to add some extra element to make it work?


Thanks!

1
0
27 Feb 2019
Copy Link
2024-06-14 05-30-18
Carlos Ardiles
Solution

Hi Fabian,

The Input type search is no different from a normal input type text, and so the functionality you describe depends on the User-Agent / Browser interpreting it.

So in this case, for a Mozilla based browser the functionality should be similar to the one explained in this link:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input/search

As for iOS Safari, the "x" icon to clear the input text does not work natively in mobile Safari, in this Stackoverflow thread a JS solution is discussed:
https://stackoverflow.com/questions/613114/little-x-in-textfield-input-on-the-iphone-in-mobilesafari

Hope this is helpful to you.

0
0
01 Mar 2019
Copy Link
UserImage.jpg
Fabian Godoy


Thank you Carlos for your time.

Hi Fabian,

The Input type search is no different from a normal input type text, and so the functionality you describe depends on the User-Agent / Browser interpreting it.

So in this case, for a Mozilla based browser the functionality should be similar to the one explained in this link:
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input/search

As for iOS Safari, the "x" icon to clear the input text does not work natively in mobile Safari, in this Stackoverflow thread a JS solution is discussed:
https://stackoverflow.com/questions/613114/little-x-in-textfield-input-on-the-iphone-in-mobilesafari

Hope this is helpful to you.



1
0
04 Mar 2019
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.