Open AhmedRyad22 opened 1 week ago
We'd like to reconstruct your repro so we can investigate. Is it possible to share more of your component here (hooks and such, full JS file, or best yet a full standalone repo) so we can best replicate it?
Certaintly here is a public repo containing the project
https://github.com/AhmedRyad22/react-native-windows-flyout-bug
and here is a video to showcase the issue.
thank you in advance
notice when i added the new text content the first text input disapeared
notice when i added the new text content the first text input disapeared
When you add the Text
element, that would be pushing the 2 TextInput
elements down, right? If you remove it again... they come back maybe?
I have a hypothesis here, which is that the Flyout
doesn't handle dynamic content sizing (it stays at whatever size it gets from first layout) and so when your content shows/hides, it stays with the old size, which is going to clip the content. Given the layout rules, the buttons maybe prioritized over the main dialog content area... which means the bottom buttons stay but the content gets clipped. Does that match the behavior you're seeing? If so, that's a limitation of Flyout
on the current Paper renderer that we expect to address with the upcoming Fabric renderer. Which doesn't help you today, but helps with our future tracking.
Some background: https://github.com/microsoft/react-native-windows/issues/7601
Is the resizing of the content here something you have to support in your final production app, or just during development?
hello, thank you for your response,
the issue is not really related to dynamic content, here you can see that when you build the app or when you launch it again, the text input will not be displayed in the flyout.
( i simulated the build or new luanch by reloading JS server )
Problem Description
Text input behaves in a stange way. when you put a flyout modal that contains a Text input, initialy you get it working, after that when you continue working and get back to it you dont find it there, or somtimes just when you close the modal and open it again you dont find it there, it just doesnt show up,
By the way im using naitvewind for styling,
PS: i tried using react native stylesheet and got the same results
Steps To Reproduce
Expected Results
the text input to apear each time
CLI version
13.6.6
Environment
Community Modules
"@react-native-async-storage/async-storage": "^1.23.1", "@react-native-picker/picker": "^2.7.6", "nativewind": "^2.0.11", "react-router-native": "^6.23.1",
Target Platform Version
10.0.19041
Target Device(s)
Desktop
Visual Studio Version
Visual Studio 2022
Build Configuration
Debug
Snack, code example, screenshot, or link to a repository
No response