Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Fabric] Implement onDismiss for Modal and remove titlebar #14126

Open
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

TatianaKapos
Copy link
Contributor

@TatianaKapos TatianaKapos commented Nov 19, 2024

Description

Implements onDismiss for Modal and removed the titlebar (Both Flyout/Popup/Modal don't have their own titlebar so by default Modal shouldn't have one either but it's easy to add it back in if needed! My guess is that the titlebar should be a windows-specific property).

This also means you no longer get the visual indicator that Modal needs to be dealt with before closing but Flyout/Popup also don't give a visual indicator.

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)

Why

Resolves #13762
Resolves #14067

What

onDismiss doesn't work if you just implement the native-side because the Fabric-UI Manager destroys the Modal before the event can be fired. This PR enables the JavaScript portion of onDismiss for Modal that upstream implemented (see facebook/react-native#42601)

Screenshots

Playground-composition_bAJKM2a6ik

Testing

tested locally

Changelog

yes

Implements onDismiss for Modal and removes titlebar

Microsoft Reviewers: Open in CodeFlow

@TatianaKapos TatianaKapos requested a review from a team as a code owner November 19, 2024 22:01
@microsoft-github-policy-service microsoft-github-policy-service bot added Area: Component Views Area: Fabric Support Facebook Fabric Area: Modal New Architecture Broad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric labels Nov 19, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Component Views Area: Fabric Support Facebook Fabric Area: Modal New Architecture Broad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric
Projects
Status: No status
Development

Successfully merging this pull request may close these issues.

[Modal] Implement closing Modal with title bar "X" button Implement onDismiss property for Modal in Fabric
1 participant