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:
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):
Solved! Go to Solution.
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;
}
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;
}
@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!