search

microsoft / powercat-creator-kit

This toolkit helps create well-designed Power App experiences on the web & mobile. It contains a component library; PCF controls and other utilities that increase developer productivity.
MIT License
307 stars 51 forks source link

[BUG]: Fluent SearchBox (1.0.19) zooming in when active on iOS #239

Open justatheory opened 1 year ago

justatheory commented 1 year ago

Describe the bug Using the app on iOS and selecting the Fluent SearchBox (1.0.19) the view zooms in. This is unecessary and is hard to zoom back out easily. This also happens with the native text input control in Power Apps, setting the font size to a minimum of 12 prevents the zoom behaviour.

To Reproduce Steps to reproduce the behavior:

  1. Add Fluent SearchBox (1.0.19) to app
  2. Click on the search box using iOS

Expected behavior No zooming.

Screenshots If applicable, add screenshots to help explain your problem.

Additional context This also happens with the native text input control in Power Apps, setting the font size to a minimum of 12 prevents the zoom behaviour. If we had the ability to set the font size we could set a larger font for smaller screens to prevent the zooming.

AB#994

denise-msft commented 1 year ago

@justatheory thanks for the feedback. Is this something that we need to modify in the control, or is it a setting that can be adjusted in iOS accessibility preferences? Is it possible that some people might benefit from this zooming feature?

justatheory commented 1 year ago

Thank you for looking into this Denise. I can't find a setting in iOS to turn off this feature.

I believe the auto-zooming issue is due to PowerApps using the same engine as Safari. When text inputs are too small, iOS automatically zooms in so that users can see what they are typing. Unfortunately when the user is finished typing, iOS does not zoom out automatically.

There is a workaround using the standard canvas apps controls. If the font size is large than 12 the zooming behaviour doesn't occur. I normally place a condition to set the font size larger for smaller screen sizes. I can't do this with the SearchBox because there is no font size setting. Does the font size scale automatically or is it constant?

Cheers, Dean

LukasSchauffele commented 1 year ago

@denise-msft this is also happening with the People Picker #150

Can we please have an option to at least set the font size to 12 as described by @justatheory

denise-msft commented 7 months ago

Thanks for the feedback. We will add this to our backlog and investigate the best solution.

denise-msft commented 1 week ago

We recommend using the modern text input with the placeholder "Search" an option to improve this experience. Can you please try validating whether the issue is resolved with this?