software-mansion / software-mansion/react-native-screens
[iOS][SplitView] Switching the color to undefined leaves the blur effect behind sidebar
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 714
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 71
Description
Description
We've identified a native-level bug that can be consistently reproduced when the following conditions are met:
- The deepest view in the hierarchy is a
Textcomponent. - The background color of the view is set to a value with
alpha = 0 - There is an odd number of parent views between the
Textcomponent and the root ofSplitViewScreenthat havecollapsable: false.
When all of the above conditions are true, the blur effect caused by the transparent background does not disappear under the primary column as expected.
Steps to reproduce
- Run the example from snack
- Click on some pressables - blur is left after unfocusing the element
https://github.com/user-attachments/assets/42049deb-738e-4d8f-8c2a-cfad2dc3d879
Snack or a link to a repository
https://snack.expo.dev/@tomasz.boron/curious-indigo-ramen
Screens version
4.17.1
React Native version
0.82.0
Platforms
iOS
JavaScript runtime
Hermes
Workflow
React Native (without Expo)
Architecture
Fabric (New Architecture)
Build type
Debug mode
Device
iOS simulator
Device model
No response
Acknowledgements
Yes
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Snack reproduction and the iOS SplitView behavior described in the issue, using the listed React Native 0.82.0 Fabric configuration. Verify the blur remains after changing the background color to undefined and unfocusing the pressables; done means the blur is removed under the primary column for the stated hierarchy conditions.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100