Full size modals (including LogBox) not respecting window size on Catalyst
See original GitHub issueWhen launched in Catalyst on the Mac, certain React Native modal components (including the LogBox) don’t seem to respect the size of the window. Instead of being full screen (a la iOS) modal, it gets stuck at ~740x395. Resizing the window, although it affects the bottom bar LogBox notification, does not resize the modal dialog itself.
This is inconsequential for a non-user-facing feature like LogBox, but it affects other elements as well (like react-native-modal).
React Native version:
0.63.3, 0.63.4, 0.64.0-rc2
Steps To Reproduce
- Download either sample repo: 0.64.0-rc2 (https://github.com/jnpdx/RN-CatalystTest-64) or 0.63.4 (https://github.com/jnpdx/RN-CatalystTest) (note: these are just bare-bones React Native projects with small edits to make them work on Catalyst, like getting rid of Flipper)
- From the project directory, run
yarn install
and thencd ios && pod install
- Make sure that “My Mac” is chosen as the launch target
- You must change the “Team” in “Signing and capabilities” to your own Team ID for both the CatalystTest target AND the React-Core-Accessibility bundle (in the Pods project) or else Xcode won’t build/compile
- Launch the sample app and tap the LogBox error at the bottom of the screen
Expected Results
LogBox should be a full screen modal and respect window resizing
Snack, code example, screenshot, or link to a repository:
0.64.0-rc2 (https://github.com/jnpdx/RN-CatalystTest-64) 0.63.4 (https://github.com/jnpdx/RN-CatalystTest)
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:8 (3 by maintainers)
Top Results From Across the Web
Bootstrap 5 Modal - W3Schools
By default, modals are "medium" in size (500px max-width). Fullscreen Modals. If you want the modal to span the whole width and height...
Read more >ChemDraw 16.0 User Guide - CambridgeSoft
If the problem recurs, continue with the following steps. ... The document window may not be the same size as the drawing area...
Read more >React window resize hook, How to trigger window resize event in ...
When launched in Catalyst on the Mac, certain React Native modal components (including the LogBox) don't seem to respect the size of the...
Read more >WOOD INSERTS & FIREPLACES regenc y -fire.c o m
Flue size. 6". Hi1150 shown in timberline brown. The Hampton Hi1150 small cast iron wood insert offers a the traditional look and feel...
Read more >shiny - Customize the size of a modal window in ShinyBS
I know this topice is old but since I found a solution I post it for the person going here to find an...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I’ll try to publish some fixes used by our team as a new PR this or next week, hope it will be merged this time.
The Dimensions object does NOT update when resizing windows in Catalyst. Neither does https://reactnative.dev/docs/usewindowdimensions fire on window resize events.
Using rn 0.70