[STYLE] Updated focus visuals

[mou-haz]

fix #148
focus visual now use control's corner radius.
improvement of focus target to various controls

[NotYoojun]

1. It seems focus visuals of Button controls have disappeared.
2. It's not correct to simnply use a same value from the control. You should follow this instead:

[mou-haz]

Hey @NotYoojun , can u check if the new corner radius is correct ?
also, button focus visuals are working now.

[GID0317]

Hi, can you also take a look at the settings expander? it gets some cut issue bug
Settings Expander (Settings page example)
Current:

CommunityToolkit:

The rating controls focus on WinUI seems like doesn't use rounded corners:
Current:

WinUI:

The slider focus also seems like doesn't get effected by new rounded corners change:
Current:

WinUI:

[mou-haz]

Hey @GID0317 , can u take a look now ?
for the settingsexpander, the focus visual are being clipped by the scrollviewer even if i add adornerdecorator,
the only workaround i found is to increase the margins on the settingsexpander, so focus visuals are away from clipping.

[GID0317]

Hi, for the workaround resolves the clipping issue perhaps @NotYoojun has any suggestion for this?

For the main clipping i think moving padding from scroll viewer to SimpleStackPanel fix the issue for outer settings expander:

But the inner one is still affected like what mou-haz said:

Also, I noticed the expander non rounded point (expanded state) get effected by the change. can you please take a look mou-haz?

WinUI:

Some also seems not effected on gallery side for expander expand mode:

Calendar View and Picker:
Current:

WinUI:

TreeView seems like need some adjustment too to Match with WinUI:
Current:

WinUI

MenuBar and MenuFlyout Focus :
Current:

WinUI:

TabView:
Current:

WinUI:

Regarding the other issue you mentioned after testing, it looks great now

[mou-haz]

@GID0317 , can u take a look now ? i think all mentioned controls except the datepicker are fine in this PR.

[GID0317]

Hi, after testing I think the issue was fixed now. Great work!

But unfortunately, i think some of it still need some adjustment. the latest commit change makes the "context menu, MenuBar
MenuFlyout" to bigger than before. i think the previous version size is already perfect (The radio menu items margin seems to be too):
Current:

Old Version:

I think the closer right size and focus for "MenuBar and MenuFlyout" was like the Combo box:

For the "context menu" i think the previous commit already good since it should be different from MenuBar and
MenuFlyout like in the WinUI:
Current:

Old Version:

WinUI:

The other one is it seems the selection indicator get overridden by the focus in this commit:
Current:

Old Version:

WinUI:

The last one is the Accent Button seems not effected by the rounded corners in the latest commit like what it should be
Current:

WinUI:

Could you take a look at this issue? Thank you

[mou-haz]

@GID0317 , they are fixed now

[GID0317]

Nice works, its overall look good now!

The one on the left is for the copy paste context menu, and its focus visual is still full on WinUI. It should have some distance from the borders, as shown in the image. This behavior is specific to the context menu and can be observed across the WinUI implementation
Current:

What the focus visual outline should it look like:
WinUI:

Explorer:

Photo:

[mou-haz]

@GID0317 context menu shoud be fixed now

[GID0317]

Sorry for another report. I think I missed this one, but hopefully it will be the last one for now. which is the combo box. it should be rounder like dropdown, but it seems like the current one still look like on the images. I’ve included a comparison with WinUI and the dropdown for reference.
Current:

WinUI:

Dropdown:

[mou-haz]

@GID0317 i think it's correct now.

[GID0317]

Hi, after testing, I think I found a strange bug. on the first time when we do not interact with the Combo box its working but if we are interacting with it the rounded corners revert back:

Screen.Recording.2025-07-26.025302.mp4

[mou-haz]

using the #269 with this should fix the problem.

[GID0317]

using the #269 with this should fix the problem.

Okay then, I think it's great now. Thanks for your hard work on this issue!

[Jack251970]

❤️Thanks for your excellent work! It works well for me. And I think there is still something we can improve.

ListBox:

Unnecessary focus visual:

ListView:

Unnecessary focus visual:

DataGrid:

Unnecessary focus visual:

CalendarView:

No focus for circled items and unnecessary for rectangle items:

TimePicker:

Unrounded focus visual:

[mou-haz]

@Jack251970 Thanks for your feedback and review.
The requested changes have been applied, can u please take a look now ?

[Jack251970]

@Jack251970 Thanks for your feedback and review. The requested changes have been applied, can u please take a look now ?

It works well for me, thanks for your work!❤️

There still exists one small bug: When CalendarView is initialized, it does not focus on today as WinUI3. (When another date is selected, it correctly focuses on that data as WinUI3)

WinUI3:

UI.WPF.Modern:

Thanks for your work again!

[NotYoojun]

I agree with Ye, let's get these things fixed first.

[GID0317]

I can confirm this happen on my side too:

Recording.2025-09-18.163338.mp4

[Jack251970]

@GID0317 For the second issue (From After I dig deeper again i think there are ...) as you described recently, I think we should move it out of this PR and create a separator PR for it. I feel like this PR should not include so much things for clean reviewing experience (And I wonder if you can move those contents to #356? There are too much contents in this PR)

I noticed that you have create an issue for it #356. Good👍

[GID0317]

Good idea! I think I'll move it to #148 instead of keeping it here, as it still relates to the previous change so no need to open another issue

edit: The #356 is another issue since I think even on hover focus navigate it shouldn't bugged like that and it's not related to the current issue

[mou-haz]

@Jack251970 Thanks for your review.
@Jack251970 @GID0317 @NotYoojun , the initial calendar view focus should be working correctly now.

[mou-haz]

@GID0317 can u see if it now works for #316 ?

[Jack251970]

@Jack251970 Thanks for your review. @Jack251970 @GID0317 @NotYoojun , the initial calendar view focus should be working correctly now.

It works as expected. Thanks for your work!

[mou-haz]

@Jack251970 You are welcome.

[GID0317]

Thank you! I can confirm that the issue with #316 is resolved

[mou-haz]

@GID0317 You are welcome. Thanks for the review.

[Jack251970]

@mou-haz I found one strange issue.

WinUI3:

Between these two elements, you can directly switch the focus.

UI.WPF.Modern:

Between these two elements, you need to press tab again to switch the focus.

[GID0317]

It seems to be related to my recently opened issue in #358, and it can also be reproduced on one of the current stable versions

[mou-haz]

@Jack251970 @GID0317 I'll try to look into these.

[mou-haz]

Hey @Jack251970, can u see if the problem still happens ?

[Jack251970]

Hey @Jack251970, can u see if the problem still happens ?

It works perfectly! Thanks for your work!

[Jack251970]

It looks very good to me!

[mou-haz]

Hey @Jack251970, can u see if the problem still happens ?

It works perfectly! Thanks for your work!

Thanks for the review. You are welcome.

[NotYoojun]

As far as I've found, there's one major issue - you probably should not remove ui:ElevationBorders in SettingsControls, they are always essential when creating elevated surfaces (e.g. clickable)

After removing that SettingsControls get much more boring (just like how WpfUi looks).

I'll look into more details later. Sorry for the delay, I've got too much work to do in these months.

[mou-haz]

Hey @NotYoojun , thanks for the review.
The requested changes have been made. can you see if it is fine now ?