Skip to content

[LOCAL][0.77] Fix Modal first frame being rendered on top-left corner (#51048) - #52676

Merged
robhogan merged 1 commit into
react:0.77-stablefrom
robhogan:robhogan/0.77-pick-b950fa2
Jul 17, 2025
Merged

[LOCAL][0.77] Fix Modal first frame being rendered on top-left corner (#51048)#52676
robhogan merged 1 commit into
react:0.77-stablefrom
robhogan:robhogan/0.77-pick-b950fa2

Conversation

@robhogan

Copy link
Copy Markdown
Collaborator

Summary:
Pull Request resolved: #51048

Fixes #50442 Closes #50704

Users reported that Modals on Android are first renderer anchored in 0,0. That results in them being on the top left corner of the screen for some seconds.

This is happening because the native state of the Modal on Android as width/height set at 0,0 - which we then update in a subsequent callback.

I'm fixing this by making sure we render the Modal the first time with the right screen size - the status bar size

Changelog:
[Android] [Fixed] - Fix Modal first frame being rendered on top-left corner

Reviewed By: javache

Differential Revision: D73948178

fbshipit-source-id: 055c12aa62d70acc1e4c5a2a5c4ea0c5608e22c7

Summary:

Changelog:

Test Plan:

Summary:
Pull Request resolved: react#51048

Fixes react#50442
Closes react#50704

Users reported that Modals on Android are first renderer anchored in 0,0.
That results in them being on the top left corner of the screen for some seconds.

This is happening because the native state of the Modal on Android as width/height set at 0,0 - which we then update in a subsequent callback.

I'm fixing this by making sure we render the Modal the first time with the right screen size - the status bar size

Changelog:
[Android] [Fixed] - Fix Modal first frame being rendered on top-left corner

Reviewed By: javache

Differential Revision: D73948178

fbshipit-source-id: 055c12aa62d70acc1e4c5a2a5c4ea0c5608e22c7
@meta-cla meta-cla Bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Jul 17, 2025
@robhogan
robhogan merged commit 710d499 into react:0.77-stable Jul 17, 2025
@robhogan
robhogan deleted the robhogan/0.77-pick-b950fa2 branch July 17, 2025 17:19
klxiaoniu added a commit to west2-online/fzuhelper-app that referenced this pull request Sep 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Facebook Partner: Facebook Partner Pick Request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants