Increasing the FontSize of AutoSuggestBox should not increases the size of the Cancel icon as well
See original GitHub issueDescribe the bug Increasing the font size of AutoSuggestBox increases the size of the Cancel (X) icon, however the QueryIcon size is not changed.
Steps to reproduce the bug
<AutoSuggestBox FontSize="32" QueryIcon="Find"/>
Expected behavior QueryIcon should also scale up
Screenshots
Version Info
NuGet package version: Microsoft.UI.Xaml 2.5.0
Windows app type:
UWP | Win32 |
---|---|
Windows 10 version | Saw the problem? |
---|---|
Insider Build (xxxxx) | |
May 2020 Update (19041) | |
November 2019 Update (18363) | |
May 2019 Update (18362) | |
October 2018 Update (17763) | |
April 2018 Update (17134) | |
Fall Creators Update (16299) | |
Creators Update (15063) |
Device form factor | Saw the problem? |
---|---|
Desktop | |
Xbox | |
Surface Hub | |
IoT |
Additional context
Issue Analytics
- State:
- Created 3 years ago
- Comments:8 (6 by maintainers)
Top Results From Across the Web
AutoSuggestBox - Change Query Icon Size
And there is no font size relative property for SymbolIcon . But you have the following two workarounds for change the size of...
Read more >AutoSuggestBox Class (Windows.UI.Xaml.Controls)
Represents a text control that makes suggestions to users as they enter text using a keyboard or pen (using ink and handwriting recognition)....
Read more >XAML Behaviors and WinUI 3 - XAML Brewer, by Diederik Krols
In this article we demonstrate how to use and write XAML Behaviors in a WinUI 3 Desktop app. We'll cover some of the...
Read more >Font size changes inconsistently in the compose window ...
Selected the paragraph and clicked on the icon to increase text size. Actual results: The selected paragraph enlarged in sections to different font...
Read more >fluent_ui | Flutter Package
The hitbox for the expand icon of each item now uses the item's full height and is three times wider than the actual...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@harvinders I understand your concern, the issue that we frequently run into when Icon’s do scale up is that Icon’s are usually placed in locations with limited space. There is a windows setting to increase font scaling across the system that frequently causes our font icon’s to scale but past their bounding box size and get clipped (when we forget to disable text scaling on the font icon). We do want to allow these things to be customizable though which is why we tie their size to a resource. For your scenario here you can override the AutoSuggestBoxIconFontSize resource (at a page or more local scope) to adjust the query icon size.
I think that this template part should get its font size property set to a light weight style for consistency. @chingucoding interested in trying this out?
Sure thing, PR’s out.