Instant APP (Sidebar) goes out of Focus on IOS phones

Question

Hi All,

I am using the Sidebar template for Instant Apps and I am pretty happy with it. However, on IOS phones when I click on the Search tool the phones keyboard comes up and the App focus is too much zoomed in. When the keyboard is deactivated the App does not Zoom back to the initial content.

I read that setting the Search font to 16px would stop IOS from zooming in but I was not able to change the Search Tool font through CSS in the Instant APP Theme settings.

I also tried Experience Builder. The same problem occurs with the Search Tool. Besides, I was not able to create such a nice App as the Sidebar template. 😉

Since the App will be deployed to a none-expert community, they will likely not be able to zoom back to the initial extend.

https://pomona.maps.arcgis.com/apps/instant/sidebar/index.html?appid=ebba463adb1d40cea0f90c22b6d5d77f

Thank you for your help.

Carsten

khutchins · Accepted Answer

@CarstenLangeCpp  We will work on fixing this at the app level in a future release. For now you should be able to set the font size to 16px or larger for mobile sizes by adding the following to the Custom CSS option during app configuration.

@media (max-width: 767px){

.esri-search, arcgis-search {
  --calcite-font-size-relative-base: 16px;
}

}