Skip to content

fix: prevent dev loading view clipping - #3023

Merged
Saad Najmi (Saadnajmi) merged 5 commits into
microsoft:mainfrom
Saadnajmi:saadnajmi/fix-loading-view-clipping
Aug 3, 2026
Merged

fix: prevent dev loading view clipping#3023
Saad Najmi (Saadnajmi) merged 5 commits into
microsoft:mainfrom
Saadnajmi:saadnajmi/fix-loading-view-clipping

Conversation

@Saadnajmi

@Saadnajmi Saad Najmi (Saadnajmi) commented Jul 14, 2026

Copy link
Copy Markdown
Collaborator

Summary

Present the macOS RCTDevLoadingView banner as a centered child window instead of a modal sheet. AppKit masks short borderless sheets into a pointed pill shape; a child window remains attached to and follows the parent without inheriting the sheet frame mask.

The banner now applies its own subtle continuous corner radius and matching child windows are detached and hidden during cleanup.

Changelog

[MACOS] [FIXED] - Prevent the development loading view from being clipped

Test Plan

image

@Saadnajmi
Saad Najmi (Saadnajmi) requested a review from a team as a code owner July 14, 2026 00:26
Saad Najmi (Saadnajmi) and others added 3 commits August 3, 2026 15:12
Remove the full-size content view style from the short borderless macOS sheet so AppKit does not apply the clipped sheet frame mask.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Avoid AppKit's sheet frame mask by attaching the borderless loading banner to the key window as a centered child window. Apply the banner's rounded corners explicitly and remove matching child windows on hide.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Let a titleless full-size-content window provide the native macOS clipping shape instead of hard-coding a Core Animation corner radius.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: d1aa7dab-4d8e-4c6c-a425-711e6b644559
@Saadnajmi
Saad Najmi (Saadnajmi) force-pushed the saadnajmi/fix-loading-view-clipping branch from 574b714 to ebae083 Compare August 3, 2026 22:15
Derive the banner radius from half its height and keep the default circular layer curve, avoiding AppKit’s pointed short-window mask.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: d1aa7dab-4d8e-4c6c-a425-711e6b644559
Apply the native continuous Core Animation corner curve to the height-derived loading capsule.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>

Copilot-Session: d1aa7dab-4d8e-4c6c-a425-711e6b644559
@Saadnajmi
Saad Najmi (Saadnajmi) enabled auto-merge (squash) August 3, 2026 22:26
@Saadnajmi
Saad Najmi (Saadnajmi) merged commit 78f5b04 into microsoft:main Aug 3, 2026
32 of 49 checks passed
@Saadnajmi
Saad Najmi (Saadnajmi) deleted the saadnajmi/fix-loading-view-clipping branch August 3, 2026 22:51
Saad Najmi (Saadnajmi) added a commit that referenced this pull request Aug 6, 2026
## Summary

Present the macOS `RCTDevLoadingView` banner as a centered child window
instead of a modal sheet. AppKit masks short borderless sheets into a
pointed pill shape; a child window remains attached to and follows the
parent without inheriting the sheet frame mask.

The banner now applies its own subtle continuous corner radius and
matching child windows are detached and hidden during cleanup.

## Changelog

[MACOS] [FIXED] - Prevent the development loading view from being
clipped

## Test Plan

<img width="826" height="226" alt="image"
src="https://github.com/user-attachments/assets/3be70235-7c06-4621-8083-456316ab4af9"
/>

---------

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot-Session: d1aa7dab-4d8e-4c6c-a425-711e6b644559
(cherry picked from commit 78f5b04)
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