Content dialog is shown behind the TeachingTip when ShouldConstrainToRootBounds="False"

[harvinders]

Describe the bug

Imagine we have an app that when the user attempts to close displays a content dialog to confirm if the user really wanted to close the application and in turn lose the work.

In this application there is a teaching tip to help user understand the application little better.

When the user invoke the teaching tip and attempt to close the application after that.

1. teaching tip is not dismissed even when light dismiss mode is set to true.
2. the content dialog that is displayed is displayed, is shown behind the teaching tip.

Steps to reproduce the bug

1. Click on a UI control to invoke a teaching tip (light dismiss mode enabled)
2. Click on the app close button (it invokes a dialog box if the user wants to quit the application)
3. Teaching tip is not dismissed
4. The content dialog is shown behind the teaching tip, not allowing the use to close the application or read the message properly.

Expected behavior

1. If the light dismiss mode is set, when user click the close/maximise button the teaching tip should be dismissed
2. The content dialog should always be shown on top of the teaching tip.

Screenshots

No response

NuGet package version

WinUI 3 - Windows App SDK 1.5.0: 1.5.240227000

Windows version

Windows 10 (21H2): Build 19044

Additional context

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Open similar issues:

• Teaching tip is displayed out of screen (#8836), similarity score: 0.74

Closed similar issues:

• TeachingTips not display properly (#1763), similarity score: 0.83
• TeachingTip is not accessible by screen readers (#7992), similarity score: 0.75
• TeachingTip: Closed TeachingTips appear in tab order (#3473), similarity score: 0.74
• TeachingTip Icon is clipped (#1773), similarity score: 0.71

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[ranjeshj]

In the light dismiss teaching tip case, I would have expected the content dialog to take focus and cause the teaching tip to dismiss. Do you see the content dialog getting focus?

[harvinders]

@ranjeshj

The issue is only reproduced when the TeachingTip has ShouldConstrainToRootBounds="False"

Looking at the content dialog, I can't make out if it is in focus. However, when I press the Enter the dialog is closed. Also, when I press tab, the button shows focus border around the buttons. So, I suppose the content dialog is in focus.