software-mansion / software-mansion/react-native-screens

[iOS][SplitView] Switching the color to undefined leaves the blur effect behind sidebar

Open
#3,327 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area:split platform:ios repro-provided type:native-bug
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:

  1. The deepest view in the hierarchy is a Text component.
  2. The background color of the view is set to a value with alpha = 0
  3. There is an odd number of parent views between the Text component and the root of SplitViewScreen that have collapsable: 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
  1. Run the example from snack
  2. 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

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.