[Mac] Fix TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version#33157
Conversation
There was a problem hiding this comment.
Pull request overview
This PR addresses an issue where TitleBar content overlaps with macOS traffic light buttons (window control buttons) by increasing the left margin from 80 to 90 pixels. The fix is conditionally applied based on macOS version using a runtime check.
Key changes:
- Added version-specific margin adjustment for MacCatalyst platform
- Created UI test to verify TitleBar alignment
- Added test page demonstrating the fix
Reviewed changes
Copilot reviewed 3 out of 5 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
src/Controls/src/Core/TitleBar/TitleBar.cs |
Added System namespace import and conditional margin (90px for version 26+, 80px for older versions) to prevent overlap with traffic light buttons |
src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue33136.cs |
Created UI test to verify TitleBar alignment with screenshot validation, limited to Windows and macOS platforms |
src/Controls/tests/TestCases.HostApp/Issues/Issue33136.cs |
Created test page with TitleBar setup including leading content (image) to reproduce and validate the fix |
src/Controls/tests/TestCases.Mac.Tests/snapshots/mac/VerifyTitleBarAlignment.png |
Added baseline screenshot for Mac platform showing correct TitleBar alignment |
src/Controls/tests/TestCases.WinUI.Tests/snapshots/windows/VerifyTitleBarAlignment.png |
Added baseline screenshot for Windows platform showing correct TitleBar alignment |
src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue33136.cs
Outdated
Show resolved
Hide resolved
- Remove unused 'using System.Collections.ObjectModel' import - Fix inconsistent indentation (mixed tabs/spaces) - Fix class declaration indentation in Shared.Tests - Add newline at end of files
StephaneDelcroix
left a comment
There was a problem hiding this comment.
✅ Approved
Review Summary
Core Fix: The margin increase from 80px to 90px for macOS Tahoe (version 26+) correctly addresses the traffic light button overlap issue.
Version Check: OperatingSystem.IsMacCatalystVersionAtLeast(26) is correct - the issue specifically reports "Tahoe 26.1" which is macOS version 26.
Backward Compatibility: ✅ Maintained - older macOS versions continue to use the 80px margin.
Test Coverage: ✅ Screenshot-based verification with includeTitleBar: true properly validates the fix.
Formatting: Fixed minor formatting issues (unused import, indentation, newlines).
Note: The existing review comment suggesting version 18 instead of 26 is incorrect. Apple unified version numbers across platforms in 2025, and macOS Tahoe IS version 26.
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
…Latest macOS Version (#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes #33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
## What's Coming .NET MAUI inflight/candidate introduces significant improvements across all platforms with focus on quality, performance, and developer experience. This release includes 27 commits with various improvements, bug fixes, and enhancements. ## CollectionView - [iOS][CV2] Fix page can be dragged down, and it would cause an extra space between Header and EmptyView text by @devanathan-vaithiyanathan in #31840 <details> <summary>🔧 Fixes</summary> - [I8_Header_and_Footer_Null - The page can be dragged down, and it would cause an extra space between Header and EmptyView text.](#31465) </details> - [iOS] Fixed the Items not displayed properly in CarouselView2 by @Ahamed-Ali in #31336 <details> <summary>🔧 Fixes</summary> - [[iOS] Items are not updated properly in CarouselView2.](#31148) </details> ## Docs - Improve Controls Core API docs by @jfversluis in #33240 ## Editor - [iOS] Fixed an issue where an Editor with a small height inside a ScrollView would cause the entire page to scroll by @Tamilarasan-Paranthaman in #27948 <details> <summary>🔧 Fixes</summary> - [[iOS][Editor] An Editor that has not enough height and resides inside a ScrollView/CollectionView will scroll the entire page](#27750) </details> ## Image - [Android] Image control crashes on Android when image width exceeds height by @KarthikRajaKalaimani in #33045 <details> <summary>🔧 Fixes</summary> - [Image control crashes on Android when image width exceeds height](#32869) </details> ## Mediapicker - [Android 🤖] Add a log telling why the request is cancelled by @pictos in #33295 <details> <summary>🔧 Fixes</summary> - [MediaPicker.PickPhotosAsync throwing TaskCancelledException in net10-android](#33283) </details> ## Navigation - [Android] Fix for App Hang When PopModalAsync Is Called Immediately After PushModalAsync with Task.Yield() by @BagavathiPerumal in #32479 <details> <summary>🔧 Fixes</summary> - [App hangs if PopModalAsync is called after PushModalAsync with single await Task.Yield()](#32310) </details> - [iOS 26] Navigation hangs after rapidly open and closing new page using Navigation.PushAsync - fix by @kubaflo in #32456 <details> <summary>🔧 Fixes</summary> - [[iOS 26] Navigation hangs after rapidly open and closing new page using Navigation.PushAsync](#32425) </details> ## Pages - [iOS] Fix ContentPage BackgroundImageSource not working by @Shalini-Ashokan in #33297 <details> <summary>🔧 Fixes</summary> - [.Net MAUI- Page.BackgroundImageSource not working for iOS](#21594) </details> ## RadioButton - [Issue-Resolver] Fix #33264 - RadioButtonGroup not working with Collection View by @kubaflo in #33343 <details> <summary>🔧 Fixes</summary> - [RadioButtonGroup not working with CollectionView](#33264) </details> ## SafeArea - [Android] Fixed Label Overlapped by Android Status Bar When Using SafeAreaEdges="Container" in .NET MAUI by @NirmalKumarYuvaraj in #33285 <details> <summary>🔧 Fixes</summary> - [SafeAreaEdges works correctly only on the first tab in Shell. Other tabs have content colliding with the display cutout in the landscape mode.](#33034) - [Label Overlapped by Android Status Bar When Using SafeAreaEdges="Container" in .NET MAUI](#32941) - [[MAUI 10] Layout breaks on first navigation (Shell // route) until soft keyboard appears/disappears (Android + iOS)](#33038) </details> ## ScrollView - [Windows, Android] Fix ScrollView Content Not Removed When Set to Null by @devanathan-vaithiyanathan in #33069 <details> <summary>🔧 Fixes</summary> - [[Windows, Android] ScrollView Content Not Removed When Set to Null](#33067) </details> ## Searchbar - Fix Android crash when changing shared Drawable tint on Searchbar by @tritter in #33071 <details> <summary>🔧 Fixes</summary> - [[Android] Crash on changing Tint of Searchbar](#33070) </details> ## Shell - [iOS] - Fix Custom FlyoutIcon from Being Overridden to Default Color in Shell by @prakashKannanSf3972 in #27580 <details> <summary>🔧 Fixes</summary> - [Change the flyout icon color](#6738) </details> - [iOS] Fix Shell NavBarIsVisible updates when switching ShellContent by @Vignesh-SF3580 in #33195 <details> <summary>🔧 Fixes</summary> - [[iOS] Shell NavBarIsVisible is not updated when changing ShellContent](#33191) </details> ## Slider - [C] Fix Slider and Stepper property order independence by @StephaneDelcroix in #32939 <details> <summary>🔧 Fixes</summary> - [Slider Binding Initialization Order Causes Incorrect Value Assignment in XAML](#32903) - [Slider is very broken, Value is a mess when setting Minimum](#14472) - [Slider is buggy depending on order of properties](#18910) - [Stepper Value is incorrectly clamped to default min/max when using bindableproperties in MVVM pattern](#12243) - [[Issue-Resolver] Fix #32903 - Sliderbinding initialization order issue](#32907) </details> ## Stepper - [Windows] Maui Stepper: Clamp minimum and maximum value by @OomJan in #33275 <details> <summary>🔧 Fixes</summary> - [[Windows] Maui Stepper is not clamped to minimum or maximum internally](#33274) </details> - [iOS] Fixed the UIStepper Value from being clamped based on old higher MinimumValue - Candidate PR test failure fix- 33363 by @Ahamed-Ali in #33392 ## TabbedPage - [windows] Fixed Rapid change of selected tab results in crash. by @praveenkumarkarunanithi in #33113 <details> <summary>🔧 Fixes</summary> - [Rapid change of selected tab results in crash on Windows.](#32824) </details> ## Titlebar - [Mac] Fix TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version by @devanathan-vaithiyanathan in #33157 <details> <summary>🔧 Fixes</summary> - [TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version](#33136) </details> ## Xaml - Fix for Control does not update from binding anymore after MultiBinding.ConvertBack is called by @BagavathiPerumal in #33128 <details> <summary>🔧 Fixes</summary> - [Control does not update from binding anymore after MultiBinding.ConvertBack is called](#24969) - [The issue with the MultiBinding converter with two way binding mode does not work properly when changing the values.](#20382) </details> <details> <summary>🔧 Infrastructure (1)</summary> - Avoid KVO on CALayer by introducing an Apple PlatformInterop by @albyrock87 in #30861 </details> <details> <summary>🧪 Testing (2)</summary> - [Testing] Enable UITest Issue18193 on MacCatalyst by @NafeelaNazhir in #31653 <details> <summary>🔧 Fixes</summary> - [Test Issue18193 was disabled on Mac Catalyst](#27206) </details> - Set the CV2 handlers as the default by @Ahamed-Ali in #33177 </details> <details> <summary>📦 Other (3)</summary> - Update WindowsAppSDK to 1.8 by @mattleibow in #32174 <details> <summary>🔧 Fixes</summary> - [Update to WindowsAppSDK](#30858) </details> - Fix command dependency reentrancy by @simonrozsival in #33129 - Fix SafeArea AdjustPan handling and add AdjustNothing mode tests by @PureWeen via @Copilot in #33354 </details> **Full Changelog**: main...inflight/candidate
…Latest macOS Version (dotnet#33157) <!-- !!!!!!! MAIN IS THE ONLY ACTIVE BRANCH. MAKE SURE THIS PR IS TARGETING MAIN. !!!!!!! --> ### Issue Details After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls. ### Description of Change <!-- Enter description of the fix in this section --> Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap. ### Issues Fixed <!-- Please make sure that there is a bug logged for the issue being fixed. The bug should describe the problem and how to reproduce it. --> Fixes dotnet#33136 <!-- Are you targeting main? All PRs should target the main branch unless otherwise noted. --> **Tested the behavior in the following platforms.** - [ ] Android - [ ] Windows - [ ] iOS - [x] Mac | Before | After | |---------|--------| | **Mac**<br> <img src="https://github.com/user-attachments/assets/3b692c45-896d-4674-8ec5-a68aab88ff3a" width="600" height="300"> | **Mac**<br> <img src="https://github.com/user-attachments/assets/9642dadf-1aed-422a-8deb-68e901e437e9" width="600" height="300"> | --------- Co-authored-by: Stephane Delcroix <stephane@delcroix.org>
Issue Details
After updating to the latest macOS version, the system traffic light button size and spacing increased, causing the TitleBar leading content to overlap with the window controls.
Description of Change
Updated the left margin in TitleBar.cs from 80 to 90 to provide enough space for the enlarged traffic light buttons and prevent overlap.
Issues Fixed
Fixes #33136
Tested the behavior in the following platforms.