Select to view content in your preferred language

Zone Lookup App. Filter Icon Goes Off iPhone Screen, if One Clicks in Search Area:

506
2
Jump to solution
05-24-2024 11:41 AM
ArmstKP
Frequent Contributor

This is absolutely driving me crazy.  It works fine on an Android, but no matter the browser used on an iPhone, when one clicks in the search area to type something in, the Filter icon goes off screen because on the iPhone it zoom into the search bar:

iPhone before tapping in the search area:

ArmstKP_0-1716575900113.jpeg

 

iPhone after tapping in the search area (Filter button is now hidden and doesn't come back into view, even after doing further activity in the app):

ArmstKP_1-1716576030321.jpeg

 

0 Kudos
1 Solution

Accepted Solutions
KellyHutchins
Esri Frequent Contributor

This is happening because the input field for the search widget has a font size of less than 16px. On the iPhone in that scenario the phone thinks the text is too small to read and zooms into that field. We have a fix for this in the next release of ArcGIS Online but you can fix it in your app now using the Custom CSS configuration option.  You can find this setting in the Theme section and you can use this CSS to increase the font size. 

.esri-search__form .esri-input[type=text] {
    font-size: 16px;
}

 

View solution in original post

2 Replies
KellyHutchins
Esri Frequent Contributor

This is happening because the input field for the search widget has a font size of less than 16px. On the iPhone in that scenario the phone thinks the text is too small to read and zooms into that field. We have a fix for this in the next release of ArcGIS Online but you can fix it in your app now using the Custom CSS configuration option.  You can find this setting in the Theme section and you can use this CSS to increase the font size. 

.esri-search__form .esri-input[type=text] {
    font-size: 16px;
}

 

ArmstKP
Frequent Contributor

@KellyHutchins Wow, this is great to know that there is a fix short term, but it is also being fixed in the next update.  Thank you so much for letting me know!

0 Kudos