Overlay, Ref to child lost at invisible
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 35/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- react-native
- Domain
- mobile
Research direction
Start by reproducing the reported behavior with an Overlay containing a child ref, toggling visibility and logging the ref. Inspect the Overlay behavior around visibility changes; done means the child ref remains available when the Overlay is invisible and returns correctly when it becomes visible again.
Written by the indexing model from the issue text.
Description
Explain what you did (Required)
I have the carousel from react-native-snap-carousel inside the Overlay. When I try to interface with the carousel over its referenz, its only possible if the overlay is visible.
A similiar problem as https://github.com/react-native-elements/react-native-elements/issues/1567
Expected behavior (Required)
I expected, that the carousel ref always exist not only whe the overlay is shown
Describe the bug (Required)
As soon as the overlay changes to invisible, the ref to the child is set to null
To Reproduce (Required)
Put a child element in an overlay, ref it, console log the ref and change the overlay state from visible to invisible and back
Your Environment (Required):
| software | version |
|---|---|
| react-native-elements | 2.3.2 |
| react-native | 0.62.2 |
| react-native-snap-carousel | 3.9.1 |
- Dominant language
- MDX
- Stars
- 25.9k
- Forks
- 4.7k
- PR merge metrics
- No merged PRs in 30d
Contributor guide
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.
More from react-native-elements/react-native-elements
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
react-native-elements/react-native-elements#4035 · 1 comment ·
-
Needs Triage
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
react-native-elements/react-native-elements#3963 · 2 comments · 2 reactions ·
-
component: Button
react-native-elements/react-native-elements#4032 · 1 assignee ·
-
TS Bug - @rneui/base@5.0.0 — Undeclared type dependency causes IconProps to lose color/name/size Opencomponent: Icon
react-native-elements/react-native-elements#4027 · 2 comments · 4 reactions · 1 assignee ·
-
📞 Needs Response from Author
react-native-elements/react-native-elements#4022 · 9 comments · 2 reactions · 1 assignee ·
All issues in react-native-elements/react-native-elements
Similar issues
-
Build Failure: agora_rtc_engine compiled against android-31 while dependencies require android-34+ Open
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
avniproject/avni-client#2135 ·
-
react-doctor severity:warning tech-debt
Difficulty 1/5 Under an hour Newbie friendliness 88/100
digidem/comapeo-cloud-app#403 ·
-
Icon Requests Opensupported
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
LawnchairLauncher/lawnicons#4100 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 92/100
CypherBoxLLC/Cypher-Box#284 ·