Skip to content

[Mac] Fix TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version#33157

Merged
jfversluis merged 5 commits intodotnet:inflight/currentfrom
devanathan-vaithiyanathan:fix-33136
Dec 19, 2025
Merged

[Mac] Fix TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version#33157
jfversluis merged 5 commits intodotnet:inflight/currentfrom
devanathan-vaithiyanathan:fix-33136

Conversation

@devanathan-vaithiyanathan
Copy link
Contributor

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.

  • Android
  • Windows
  • iOS
  • Mac
Before After
Mac
Mac

@dotnet-policy-service dotnet-policy-service bot added the partner/syncfusion Issues / PR's with Syncfusion collaboration label Dec 15, 2025
@karthikraja-arumugam karthikraja-arumugam added the community ✨ Community Contribution label Dec 15, 2025
@sheiksyedm sheiksyedm marked this pull request as ready for review December 16, 2025 09:38
Copilot AI review requested due to automatic review settings December 16, 2025 09:38
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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

- 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
Copy link
Contributor

@StephaneDelcroix StephaneDelcroix left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

✅ 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.

@jfversluis jfversluis changed the base branch from main to inflight/current December 19, 2025 13:27
@jfversluis jfversluis added this to the .NET 10.0 SR3 milestone Dec 19, 2025
@jfversluis jfversluis merged commit c4d066d into dotnet:inflight/current Dec 19, 2025
154 of 161 checks passed
github-actions bot pushed a commit that referenced this pull request Dec 22, 2025
…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>
PureWeen pushed a commit that referenced this pull request Dec 22, 2025
…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>
PureWeen pushed a commit that referenced this pull request Dec 26, 2025
…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>
PureWeen pushed a commit that referenced this pull request Dec 30, 2025
…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>
github-actions bot pushed a commit that referenced this pull request Dec 30, 2025
…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>
PureWeen pushed a commit that referenced this pull request Jan 5, 2026
…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>
@PureWeen PureWeen mentioned this pull request Jan 7, 2026
PureWeen pushed a commit that referenced this pull request Jan 9, 2026
…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>
PureWeen pushed a commit that referenced this pull request Jan 9, 2026
…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>
PureWeen pushed a commit that referenced this pull request Jan 9, 2026
…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>
PureWeen pushed a commit that referenced this pull request Jan 13, 2026
…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>
PureWeen pushed a commit that referenced this pull request Jan 13, 2026
…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>
PureWeen added a commit that referenced this pull request Jan 13, 2026
## 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
kubaflo pushed a commit to kubaflo/maui that referenced this pull request Jan 16, 2026
…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>
@github-actions github-actions bot locked and limited conversation to collaborators Jan 19, 2026
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

area-controls-titlebar community ✨ Community Contribution partner/syncfusion Issues / PR's with Syncfusion collaboration platform/macos macOS / Mac Catalyst

Projects

None yet

Development

Successfully merging this pull request may close these issues.

TitleBar Content Overlapping with Traffic Light Buttons on Latest macOS Version

5 participants