microsoft / microsoft/microsoft-ui-xaml

NavigationView overflow its size limit when toggling pane

Open
#10,983 0 comments 2 reactions 0 assignees View on GitHub
area-Navigation area-NavigationView bug
Dominant language
C++
Stars
8.4k
Forks
942
Avg merge
2d 7h
Merged PRs (30d)
105

Description

### Describe the bug

When toggling the NavigationView left pane, it overflows during the animation even when a size limit is set.

### Why is this important?

I am creating a transparent window with a NavigationView, and this broken animation is very disturbing.

### Steps to reproduce the bug

1. Put a `NavigationView` inside a `Border` like this
```xml



```
2. Build and run. Toggle the pane. See it's overflowing outside the red border.

### Actual behavior

_No response_

### Expected behavior

_No response_

### Screenshots

![Image](https://github.com/user-attachments/assets/dfcda8a1-a394-4d17-8246-4799a357a8bc)

### NuGet package version

WinUI 3 - Windows App SDK 1.8.3: 1.8.251106002

### Windows version

Windows 10 (1809): Build 17763

### Additional context

_No response_

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue with a NavigationView inside the provided 1280×720 Border and toggle the left pane while observing the animation. Investigate the NavigationView pane-toggle behavior in the WinUI desktop control implementation. Done means the pane remains within the Border's size limit throughout the animation, including with the reported Windows App SDK version.

Written by the indexing model from the issue text.

Assessment

Tech stack
cpp
Domain
desktop, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.