starred/terminal
1
0
Fork 0
mirror of https://github.com/microsoft/terminal.git synced 2026-09-25 08:24:54 +00:00
Code Issues 19.0k Packages Projects Releases 20 Wiki Activity

Settings UI navigation view has a transparent background when opened as an overlay #12806

New Issue
Closed
opened 2026-01-31 03:25:27 +00:00 by claunia · 9 comments
claunia commented 2026-01-31 03:25:27 +00:00
Owner
Copy Link

Originally created by @j4james on GitHub (Mar 2, 2021).

Environment

Windows build number: Version 10.0.18363.1316
Windows Terminal version (if applicable): 1.7.572.0 (preview)

Steps to reproduce

  1. Open the Settings UI.
  2. Make the Terminal window narrow so the NavigationView is forced to open as an overlay.
  3. Open the navigation view.

Expected behavior

The navigation panel should have an opaque background, covering the content that it is overlaying.

Actual behavior

The navigation panel seems to have a transparent background, so you can still see the content below it, making the menu items unreadable.

image

Originally created by @j4james on GitHub (Mar 2, 2021). # Environment Windows build number: Version 10.0.18363.1316 Windows Terminal version (if applicable): 1.7.572.0 (preview) # Steps to reproduce 1. Open the Settings UI. 2. Make the Terminal window narrow so the _NavigationView_ is forced to open as an overlay. 3. Open the navigation view. # Expected behavior The navigation panel should have an opaque background, covering the content that it is overlaying. # Actual behavior The navigation panel seems to have a transparent background, so you can still see the content below it, making the menu items unreadable. ![image](https://user-images.githubusercontent.com/4181424/109659475-9f521b80-7b5f-11eb-8552-35994a2e5979.png)
claunia commented 2026-01-31 03:25:29 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (Mar 2, 2021):

Holy gosh that looks bad. Unfortunately, I don't have a local repro for this 😢. It looks like the blur from the acrylic just is not getting applied. Does acrylic work anywhere else in the app? I'm trying to think of somewhere else that would have in-app acrylic to test. I'm not sure there's any in the Terminal. Maybe try the XAML Controls Gallery app? That should have a sample NavigationView to compare with

@zadjii-msft commented on GitHub (Mar 2, 2021): Holy gosh that looks bad. Unfortunately, I don't have a local repro for this 😢. It looks like the blur from the acrylic just is _not_ getting applied. Does acrylic work anywhere else in the app? I'm trying to think of somewhere else that would have in-app acrylic to test. I'm not sure there's any in the Terminal. Maybe try the XAML Controls Gallery app? That should have a sample NavigationView to compare with
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@j4james commented on GitHub (Mar 2, 2021):

Ah OK. I have "Transparency Effects" turned off in the in the System settings. If I turn that on (and change my power mode to "Best Performance", which is needed for acrylic to work), then the navigation panel displays correctly. If I turn "Transparency Effects" off, it immediately goes transparent again. In other apps, the acrylic area just becomes completely opaque.

@j4james commented on GitHub (Mar 2, 2021): Ah OK. I have "Transparency Effects" turned off in the in the System settings. If I turn that on (and change my power mode to "Best Performance", which is needed for acrylic to work), then the navigation panel displays correctly. If I turn "Transparency Effects" off, it immediately goes transparent again. In other apps, the acrylic area just becomes completely opaque.
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@j4james commented on GitHub (Mar 2, 2021):

Just checked the XAML Controls Gallery (version 1.2.17.0 in case that makes any difference), and the NavigationView example has an acrylic overlay which works correctly, i.e. it's acrylic when "Transparency Effects" are enabled, and opaque when disabled.

@j4james commented on GitHub (Mar 2, 2021): Just checked the XAML Controls Gallery (version 1.2.17.0 in case that makes any difference), and the _NavigationView_ example has an acrylic overlay which works correctly, i.e. it's acrylic when "Transparency Effects" are enabled, and opaque when disabled.
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@huoyaoyuan commented on GitHub (Mar 9, 2021):

Sounds like the fallback brush of acrylic is set to transparent. In practice, it should be set to non transparent.

@huoyaoyuan commented on GitHub (Mar 9, 2021): Sounds like the fallback brush of acrylic is set to transparent. In practice, it should be set to non transparent.
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@zadjii-msft commented on GitHub (Mar 10, 2021):

Sounds like the fallback brush of acrylic is set to transparent. In practice, it should be set to non transparent.

Huh, I didn't think that you could set a fallback brush to Transparent. I bet that's exactly happening.

It's extremely trivial to repro this by disabling "transparency effects" in the Settings app, so yea I bet we're doing something wrong here.

@zadjii-msft commented on GitHub (Mar 10, 2021): > Sounds like the fallback brush of acrylic is set to transparent. In practice, it should be set to non transparent. Huh, I didn't think that you could set a fallback brush to Transparent. I bet that's exactly happening. It's extremely trivial to repro this by disabling "transparency effects" in the Settings app, so yea I bet we're doing something wrong here.
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@mdtauk commented on GitHub (Mar 10, 2021):

Has someone failed to add a fallback colour for the Acrylic brush, or is it maybe not being used like it should be?

@mdtauk commented on GitHub (Mar 10, 2021): Has someone failed to add a fallback colour for the Acrylic brush, or is it maybe not being used like it should be?
claunia commented 2026-01-31 03:25:30 +00:00
Author
Owner
Copy Link

@huoyaoyuan commented on GitHub (Mar 10, 2021):

I remember that no fallback would cause transparent be used.

@huoyaoyuan commented on GitHub (Mar 10, 2021): I remember that no fallback would cause transparent be used.
claunia commented 2026-01-31 03:25:31 +00:00
Author
Owner
Copy Link

@ghost commented on GitHub (Apr 14, 2021):

:tada:This issue was addressed in #9752, which has now been successfully released as Windows Terminal v1.7.1033.0.🎉

Handy links:

@ghost commented on GitHub (Apr 14, 2021): :tada:This issue was addressed in #9752, which has now been successfully released as `Windows Terminal v1.7.1033.0`.:tada: Handy links: * [Release Notes](https://github.com/microsoft/terminal/releases/tag/v1.7.1033.0) * [Store Download](https://www.microsoft.com/store/apps/9n8g5rfz9xk3?cid=storebadge&ocid=badge)
claunia commented 2026-01-31 03:25:31 +00:00
Author
Owner
Copy Link

@ghost commented on GitHub (Apr 14, 2021):

:tada:This issue was addressed in #9752, which has now been successfully released as Windows Terminal Preview v1.8.1032.0.🎉

Handy links:

@ghost commented on GitHub (Apr 14, 2021): :tada:This issue was addressed in #9752, which has now been successfully released as `Windows Terminal Preview v1.8.1032.0`.:tada: Handy links: * [Release Notes](https://github.com/microsoft/terminal/releases/tag/v1.8.1032.0) * [Store Download](https://www.microsoft.com/store/apps/9n8g5rfz9xk3?cid=storebadge&ocid=badge)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
⛺ Reserved
A11yCO
A11yMAS
A11ySev1
A11ySev2
A11ySev3
A11yTTValidated
A11yUsable
A11yVoiceAccess
A11yWCAG
Area-Accessibility
Area-AtlasEngine
Area-AzureShell
Area-Build
Area-Build
Area-Chat
Area-CmdPal
Area-CodeHealth
Area-Commandline
Area-CookedRead
Area-DefApp
Area-Extensibility
Area-Fonts
Area-GroupPolicy
Area-i18n
Area-Input
Area-Interaction
Area-Interop
Area-Localization
Area-Output
Area-Performance
Area-Portable
Area-Quality
Area-Remoting
Area-Rendering
Area-Schema
Area-Server
Area-Settings
Area-SettingsUI
Area-ShellExtension
Area-ShellExtension
Area-ShellExtension
Area-Suggestions
Area-Suggestions
Area-TerminalConnection
Area-TerminalControl
Area-Theming
Area-UserInterface
Area-VT
Area-Windowing
Area-WPFControl
AutoMerge
Blocking-Ingestion
Culprit-Centennial
Culprit-WinUI
Disability-All
Disability-Blind
Disability-LowVision
Disability-Mobility
External-Blocked-WinUI3
Fixed
Gathering-Data
good first issue
HCL-E+D
HCL-WindowsTerminal
Help Wanted
Impact-Compatibility
Impact-Compliance
Impact-Correctness
Impact-Visual
In-PR
InclusionBacklog
InclusionBacklog-Windows TerminalWin32
InclusionCommitted-202206
Issue-Bug
Issue-Docs
Issue-Feature
Issue-Feature
Issue-Question
Issue-Samples
Issue-Scenario
Issue-Task
Needs-Attention
Needs-Author-Feedback
Needs-Bisect
Needs-Discussion
Needs-Repro
Needs-Tag-Fix
Needs-Tag-Fix
Needs-Triage
No-Recent-Activity
Priority-0
Priority-1
Priority-2
Priority-3
Product-Cmd.exe
Product-Colortool
Product-Colortool
Product-Colortool
Product-Conhost
Product-Conpty
Product-Meta
Product-Powershell
Product-Terminal
Product-WSL
pull-request
Mirrored from GitHub Pull Request
 Resolution-Answered
Resolution-By-Design
Resolution-Duplicate
Resolution-External
Resolution-Fix-Available
Resolution-Fix-Committed
Resolution-No-Repro
Resolution-Won't-Fix
Severity-Blocking
Severity-Crash
Severity-DataLoss
spam
this-will-be-a-breaking-change
Tracking-External
WindowsTerminal_Win32
Work-Item
zAskModeBug
zInbox-Bug
No Label Area-SettingsUI good first issue Help Wanted Issue-Bug Priority-3 Product-Terminal Resolution-Fix-Committed
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#12806
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?