question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Increasing the FontSize of AutoSuggestBox should not increases the size of the Cancel icon as well

See original GitHub issue

Describe 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:closed
  • Created 3 years ago
  • Comments:8 (6 by maintainers)

github_iconTop GitHub Comments

3reactions
StephenLPeterscommented, Jan 21, 2021

@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?

0reactions
chingucodingcommented, Jan 22, 2021

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found