Skip to content

Add hideTitleBar and hideBorder to Modal#16108

Merged
acoates-ms merged 5 commits into
microsoft:mainfrom
acoates-ms:noTitleModal
May 11, 2026
Merged

Add hideTitleBar and hideBorder to Modal#16108
acoates-ms merged 5 commits into
microsoft:mainfrom
acoates-ms:noTitleModal

Conversation

@acoates-ms
Copy link
Copy Markdown
Contributor

@acoates-ms acoates-ms commented May 10, 2026

Add addional options to Model to be able to control the titlebar and border visiblity.

Microsoft Reviewers: Open in CodeFlow

@acoates-ms acoates-ms requested a review from a team as a code owner May 10, 2026 18:46
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 10, 2026

Performance Test Results

Branch: noTitleModal
Commit: e132007e
Time: 2026-05-11T02:00:52.697Z
Tests: 161/161 passed

✅ Passed

161 scenario(s) across 28 suite(s) — no regressions

SectionList

Scenario Mean Median StdDev Renders vs Baseline
SectionList mount 4.80ms 4.50ms ±0.92ms 1 -10.0%
SectionList unmount 0.30ms 0.00ms ±0.48ms 0 +0.0%
SectionList rerender 10.70ms 10.00ms ±2.00ms 2 -4.8%
SectionList with-3-sections-15-items 7.70ms 6.00ms ±3.23ms 1 +9.1%
SectionList with-5-sections-50-items 5.20ms 5.00ms ±0.42ms 1 -16.7%
SectionList with-10-sections-200-items 5.10ms 5.00ms ±0.74ms 1 -9.1%
SectionList with-20-sections-200-items 4.50ms 5.00ms ±1.08ms 1 +0.0%
SectionList with-section-separator 2.10ms 2.00ms ±1.79ms 1 +0.0%
SectionList with-item-separator 2.10ms 2.00ms ±0.57ms 1 +0.0%
SectionList with-header-footer 1.80ms 1.50ms ±0.92ms 1 -25.0%
SectionList with-section-footer 1.90ms 2.00ms ±0.88ms 1 +0.0%
SectionList with-sticky-section-headers 1.80ms 2.00ms ±0.42ms 1 +0.0%
SectionList with-empty-list 0.40ms 0.00ms ±0.52ms 1 -100.0%
SectionList with-50-sections-1000-items 1.90ms 1.50ms ±1.52ms 1 -25.0%

FlatList

Scenario Mean Median StdDev Renders vs Baseline
FlatList mount 4.40ms 4.00ms ±1.17ms 1 +0.0%
FlatList unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
FlatList rerender 9.70ms 8.00ms ±2.50ms 2 -11.1%
FlatList with-10-items 4.70ms 4.00ms ±1.77ms 1 +0.0%
FlatList with-100-items 5.20ms 5.00ms ±1.14ms 1 +0.0%
FlatList with-500-items 5.20ms 4.50ms ±1.69ms 1 +12.5%
FlatList with-1000-items 3.60ms 4.00ms ±0.52ms 1 +0.0%
FlatList horizontal 3.70ms 4.00ms ±0.95ms 1 -20.0%
FlatList with-separator 1.70ms 2.00ms ±0.67ms 1 +0.0%
FlatList with-header-footer 1.40ms 1.00ms ±0.52ms 1 -50.0%
FlatList with-empty-list 0.40ms 0.00ms ±0.52ms 1 -100.0%
FlatList with-get-item-layout 1.80ms 1.00ms ±1.55ms 1 +0.0%
FlatList inverted 1.60ms 2.00ms ±0.52ms 1 +33.3%
FlatList with-num-columns 2.90ms 2.50ms ±1.52ms 1 -16.7%

TouchableOpacity

Scenario Mean Median StdDev Renders vs Baseline
TouchableOpacity mount 0.90ms 1.00ms ±0.32ms 1 +0.0%
TouchableOpacity unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
TouchableOpacity rerender 1.30ms 1.00ms ±0.48ms 2 +0.0%
TouchableOpacity custom-active-opacity 0.70ms 1.00ms ±0.48ms 1 +0.0%
TouchableOpacity disabled 0.40ms 0.00ms ±0.52ms 1 -100.0%
TouchableOpacity with-all-handlers 0.70ms 1.00ms ±0.48ms 1 +0.0%
TouchableOpacity with-hit-slop 1.00ms 1.00ms ±0.00ms 1 +0.0%
TouchableOpacity with-delay 0.70ms 1.00ms ±0.48ms 1 +0.0%
TouchableOpacity nested 1.30ms 1.00ms ±0.67ms 1 +0.0%
TouchableOpacity multiple-10 5.73ms 5.00ms ±1.39ms 1 -16.7%
TouchableOpacity multiple-50 26.87ms 26.00ms ±6.28ms 1 -10.3%
TouchableOpacity multiple-100 31.93ms 28.00ms ±14.19ms 1 -44.0%

ScrollView

Scenario Mean Median StdDev Renders vs Baseline
ScrollView mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
ScrollView unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
ScrollView rerender 0.60ms 1.00ms ±0.52ms 2 +0.0%
ScrollView children-20 3.20ms 3.00ms ±0.94ms 1 -25.0%
ScrollView children-100 15.93ms 15.00ms ±2.49ms 1 -6.3%
ScrollView horizontal 3.70ms 3.00ms ±1.34ms 1 -25.0%
ScrollView sticky-headers 2.80ms 3.00ms ±1.03ms 1 +0.0%
ScrollView scroll-indicators 0.60ms 1.00ms ±0.52ms 1 +0.0%
ScrollView nested 1.00ms 1.00ms ±0.00ms 1 +0.0%
ScrollView content-container-style 0.50ms 0.50ms ±0.53ms 1 -50.0%
ScrollView children-500 19.60ms 18.00ms ±3.64ms 1 -5.3%

TouchableHighlight

Scenario Mean Median StdDev Renders vs Baseline
TouchableHighlight mount 0.40ms 0.00ms ±0.52ms 1 -100.0%
TouchableHighlight unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
TouchableHighlight rerender 0.60ms 1.00ms ±0.52ms 2 +0.0%
TouchableHighlight custom-underlay-color 0.50ms 0.50ms ±0.53ms 1 +Infinity%
TouchableHighlight custom-active-opacity 0.40ms 0.00ms ±0.52ms 1 +0.0%
TouchableHighlight disabled 0.30ms 0.00ms ±0.48ms 1 +0.0%
TouchableHighlight with-all-handlers 0.20ms 0.00ms ±0.42ms 1 +0.0%
TouchableHighlight with-hit-slop 0.30ms 0.00ms ±0.48ms 1 +0.0%
TouchableHighlight nested-touchables 0.90ms 1.00ms ±0.32ms 1 +0.0%
TouchableHighlight multiple-touchables-10 2.90ms 3.00ms ±1.20ms 1 +0.0%
TouchableHighlight multiple-touchables-50 12.70ms 12.00ms ±2.00ms 1 -4.0%
TouchableHighlight multiple-touchables-100 23.40ms 23.50ms ±3.10ms 1 +4.4%

Pressable

Scenario Mean Median StdDev Renders vs Baseline
Pressable mount 0.40ms 0.00ms ±0.52ms 1 +0.0%
Pressable unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Pressable rerender 0.50ms 0.50ms ±0.53ms 2 +0.0%
Pressable with-all-handlers 0.40ms 0.00ms ±0.52ms 1 +0.0%
Pressable with-style-function 0.40ms 0.00ms ±0.52ms 1 +0.0%
Pressable disabled 0.30ms 0.00ms ±0.48ms 1 +0.0%
Pressable with-hit-slop 0.10ms 0.00ms ±0.32ms 1 +0.0%
Pressable nested 0.60ms 1.00ms ±0.52ms 1 +0.0%
Pressable multiple-10 2.60ms 3.00ms ±0.51ms 1 +0.0%
Pressable multiple-50 14.67ms 14.00ms ±1.88ms 1 +0.0%
Pressable multiple-100 17.13ms 15.00ms ±7.71ms 1 +25.0%

Modal

Scenario Mean Median StdDev Renders vs Baseline
Modal mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
Modal unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Modal rerender 0.50ms 0.50ms ±0.53ms 2 +Infinity%
Modal slide-animation 0.30ms 0.00ms ±0.48ms 1 +0.0%
Modal fade-animation 0.30ms 0.00ms ±0.48ms 1 +0.0%
Modal transparent 0.70ms 0.00ms ±1.25ms 1 +0.0%
Modal with-callbacks 0.20ms 0.00ms ±0.42ms 1 +0.0%
Modal rich-content 1.80ms 1.50ms ±1.23ms 1 -25.0%
Modal with-accessibility 0.30ms 0.00ms ±0.48ms 1 +0.0%

Image

Scenario Mean Median StdDev Renders vs Baseline
Image mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image unmount 0.40ms 0.00ms ±1.26ms 0 +0.0%
Image rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
Image with-resize-mode 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-border-radius 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-tint-color 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-blur-radius 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image with-accessibility 0.10ms 0.00ms ±0.32ms 1 +0.0%
Image multiple-10 0.93ms 1.00ms ±0.26ms 1 +0.0%
Image multiple-50 3.80ms 4.00ms ±1.01ms 1 +33.3%
Image multiple-100 9.07ms 9.00ms ±1.28ms 1 +12.5%

ActivityIndicator

Scenario Mean Median StdDev Renders vs Baseline
ActivityIndicator mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
ActivityIndicator rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
ActivityIndicator size-large 0.00ms 0.00ms ±0.00ms 1 +0.0%
ActivityIndicator size-small 0.10ms 0.00ms ±0.32ms 1 +0.0%
ActivityIndicator with-color 0.20ms 0.00ms ±0.42ms 1 +0.0%
ActivityIndicator not-animating 0.20ms 0.00ms ±0.42ms 1 +0.0%
ActivityIndicator with-accessibility 0.00ms 0.00ms ±0.00ms 1 +0.0%
ActivityIndicator multiple-10 0.93ms 1.00ms ±0.59ms 1 +0.0%
ActivityIndicator multiple-50 4.73ms 5.00ms ±1.16ms 1 +25.0%
ActivityIndicator multiple-100 9.53ms 9.00ms ±1.36ms 1 +28.6%

Switch

Scenario Mean Median StdDev Renders vs Baseline
Switch mount 0.30ms 0.00ms ±0.48ms 1 +0.0%
Switch unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Switch rerender 0.40ms 0.00ms ±0.52ms 2 -100.0%
Switch value-true 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch disabled 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch custom-colors 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch on-value-change 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch with-accessibility 0.20ms 0.00ms ±0.42ms 1 +0.0%
Switch multiple-10 1.80ms 2.00ms ±0.41ms 1 +0.0%
Switch multiple-50 12.07ms 11.00ms ±4.11ms 1 +22.2%
Switch multiple-100 20.73ms 20.00ms ±3.75ms 1 +25.0%

Button

Scenario Mean Median StdDev Renders vs Baseline
Button mount 0.90ms 1.00ms ±0.88ms 1 +0.0%
Button unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Button rerender 2.00ms 1.00ms ±2.58ms 2 +0.0%
Button disabled 0.70ms 0.50ms ±0.82ms 1 -50.0%
Button with-color 0.60ms 1.00ms ±0.52ms 1 +100.0%
Button with-accessibility 0.30ms 0.00ms ±0.48ms 1 -100.0%
Button multiple-10 5.60ms 5.00ms ±1.50ms 1 -16.7%
Button multiple-50 21.20ms 23.00ms ±8.44ms 1 -14.8%
Button multiple-100 15.27ms 14.00ms ±2.99ms 1 -26.3%

TextInput

Scenario Mean Median StdDev Renders vs Baseline
TextInput mount 0.20ms 0.00ms ±0.42ms 1 +0.0%
TextInput unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
TextInput rerender 0.20ms 0.00ms ±0.42ms 2 +0.0%
TextInput multiline 0.00ms 0.00ms ±0.00ms 1 +0.0%
TextInput with-value 0.20ms 0.00ms ±0.42ms 1 +0.0%
TextInput styled 0.10ms 0.00ms ±0.32ms 1 +0.0%
TextInput multiple-100 7.40ms 7.00ms ±1.76ms 1 +0.0%

View

Scenario Mean Median StdDev Renders vs Baseline
View mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
View unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
View rerender 0.10ms 0.00ms ±0.32ms 2 +0.0%
View nested-50 4.27ms 4.00ms ±1.62ms 1 +33.3%
View nested-100 10.27ms 10.00ms ±2.22ms 1 +42.9%
View shadow 0.10ms 0.00ms ±0.32ms 1 +0.0%
View border-radius 0.10ms 0.00ms ±0.32ms 1 +0.0%
View nested-500 22.67ms 15.00ms ±17.43ms 1 +50.0%

Text

Scenario Mean Median StdDev Renders vs Baseline
Text mount 0.10ms 0.00ms ±0.32ms 1 +0.0%
Text unmount 0.00ms 0.00ms ±0.00ms 0 +0.0%
Text rerender 0.40ms 0.00ms ±0.52ms 2 +0.0%
Text long-1000 0.20ms 0.00ms ±0.42ms 1 +0.0%
Text nested 0.40ms 0.00ms ±0.52ms 1 +0.0%
Text styled 0.00ms 0.00ms ±0.00ms 1 +0.0%
Text multiple-100 9.60ms 10.00ms ±1.88ms 1 +42.9%

SectionList.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
SectionList native mount 4.36ms 4.32ms ±0.48ms 1 -33.7%

FlatList.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
FlatList native mount 4.21ms 3.96ms ±0.49ms 1 -57.1%

TouchableHighlight.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TouchableHighlight native mount 1.33ms 1.25ms ±0.20ms 1 -40.2%

TouchableOpacity.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TouchableOpacity native mount 1.87ms 1.70ms ±0.59ms 1 -45.8%

Pressable.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Pressable native mount 1.51ms 1.51ms ±0.11ms 1 -39.7%

ScrollView.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
ScrollView native mount 3.50ms 3.38ms ±0.35ms 1 -16.6%

ActivityIndicator.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
ActivityIndicator native mount 1.44ms 1.39ms ±0.22ms 1 -43.9%

TextInput.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
TextInput native mount 1.98ms 1.87ms ±0.21ms 1 -54.3%

Switch.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Switch native mount 1.18ms 1.02ms ±0.46ms 1 -41.3%

Button.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Button native mount 1.70ms 1.68ms ±0.19ms 1 -35.2%

Modal.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Modal native mount 1.04ms 0.95ms ±0.29ms 1 -21.9%

Image.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Image native mount 1.67ms 1.62ms ±0.25ms 1 -28.5%

View.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
View native mount 1.08ms 1.03ms ±0.12ms 1 -27.7%

Text.native-perf-test.ts

Scenario Mean Median StdDev Renders vs Baseline
Text native mount 1.35ms 1.30ms ±0.19ms 1 -25.3%

@acoates-ms acoates-ms merged commit 3681722 into microsoft:main May 11, 2026
33 checks passed
@acoates-ms acoates-ms deleted the noTitleModal branch May 11, 2026 14:27
acoates-ms added a commit that referenced this pull request May 12, 2026
…16119)

* fix: cancel zombie touch state on ScrollView pointer capture loss (#3) (#16100)

When a touch-screen user scrolls a ScrollView, the OS redirects the
  pointer to the InteractionTracker via TryRedirectForManipulation and
  fires PointerCaptureLost. The existing handler only cleaned up touches
  when JS-level CapturePointer was active (m_pointerCapturingComponentTag
  != -1), which ScrollView never uses. This left a zombie entry in
  m_activeTouches that kept Pressables visually stuck in a pressed state
  and caused subsequent taps to replay events against the original target.

  Three changes:

  1. Extend onPointerCaptureLost to unconditionally cancel the active
     touch for the specific pointer that lost capture, regardless of
     whether JS-level CapturePointer was ever issued.

  2. Remove the always-true fallback in IsPointerWithinInitialTree that
     walked from activeTouch.touch.target (always the initial view) back
     to initialTag, returning true on iteration 1 and bypassing the
     correct W3C hit-test check. This caused onClick to fire even when
     the pointer was released over a different target.

  3. Scope per-pointer event dispatch in DispatchTouchEvent to only the
     pointer that actually changed, instead of iterating every entry in
     m_activeTouches. The old loop fired onPointerDown/Move/Up/Cancel
     for all active touches, producing duplicated events in multi-touch
     scenarios and replaying events on zombie targets.

* Image does not consistently rerender on image source change (#16107)

* Image does not consistently rerender on image source change

* Change files

* fix e2e test?

* Add hideTitleBar and hideBorder to Modal (#16108)

* Add hideTitleBar and hideBorder to Modal

* Change files

* format

* lint fix (type fixes)

* snapshot

* fix: use IsPrimary() for touch pointer isPrimary instead of hardcoded id (#16099)

* Create react-native-windows-4ad3ddaf-1358-4ff0-9971-38a7db68266c.json

* fix: use IsPrimary() for touch pointer isPrimary instead of hardcoded ID check (#4)

activeTouch.isPrimary was set via `pointerId == 1`, which only works for
  mouse (MOUSE_POINTER_ID == 1). Windows touch pointer IDs are OS-allocated
  and essentially never 1, so isPrimary was always false for touch input.
  This meant touch pointers never triggered onClick (gated behind
  isPrimary && button == 0) and reported incorrect isPrimary in
  PointerEvents sent to JS.

  Replace with pointerPoint.Properties().IsPrimary(), which reads the OS
  POINTER_FLAG_PRIMARY flag directly. This API is already used elsewhere
  in the codebase (SwitchComponentView, WindowsTextInputComponentView,
  Composition.Input).

  (The diagnostics are pre-existing clang noise from missing PCH/Windows headers — not
  related to this change.)

* update codegen files

* lint

---------

Co-authored-by: Gordon MacMaster <31481849+gmacmaster@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants