•  


Pointer event is not applied for grand-children · Issue #2606 · necolas/react-native-web · GitHub
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement . We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pointer event is not applied for grand-children #2606

Open
1 task done
tienifr opened this issue Nov 10, 2023 · 0 comments
Open
1 task done

Pointer event is not applied for grand-children #2606

tienifr opened this issue Nov 10, 2023 · 0 comments
Labels

Comments

@tienifr
Copy link
Contributor

tienifr commented Nov 10, 2023

Is there an existing issue for this?

  • I have searched the existing issues

Describe the issue

There's a box-none value in RN web but currently it's implemented incorrectly. Currently the child elements of it 's implemented like parent > *: { pointer-events: auto } (see here ) which only affects direct children. So the grand-children will still inherit the pointer-events: none

Expected behavior

All components inside parent that has pointer-events: box-none should be pointer-events: auto

Steps to reproduce

  1. Create the container View that has pointer-events: none
  2. Inside that View, create the child View that has pointer-events: box-none
  3. Inside child View, create the View within onClick function
  4. Observe that onClick function is not trigger

Test case

https://codesandbox.io/s/crazy-chihiro-yz9y4k

Additional comments

No response

Proposed solution

Update to the pattern parent *: { pointer-events: auto } so it affects all children. That means updating the >* to * in this line

This is recommended in the RN doc as well https://reactnative.dev/docs/view#pointerevents .

Sign up for free to join this conversation on GitHub . Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant
- "漢字路" 한글한자자동변환 서비스는 교육부 고전문헌국역지원사업의 지원으로 구축되었습니다.
- "漢字路" 한글한자자동변환 서비스는 전통문화연구회 "울산대학교한국어처리연구실 옥철영(IT융합전공)교수팀"에서 개발한 한글한자자동변환기를 바탕하여 지속적으로 공동 연구 개발하고 있는 서비스입니다.
- 현재 고유명사(인명, 지명등)을 비롯한 여러 변환오류가 있으며 이를 해결하고자 많은 연구 개발을 진행하고자 하고 있습니다. 이를 인지하시고 다른 곳에서 인용시 한자 변환 결과를 한번 더 검토하시고 사용해 주시기 바랍니다.
- 변환오류 및 건의,문의사항은 juntong@juntong.or.kr로 메일로 보내주시면 감사하겠습니다. .
Copyright ⓒ 2020 By '전통문화연구회(傳統文化硏究會)' All Rights reserved.
 한국   대만   중국   일본