fix: children touch events leaking to underlying Header right/left components (#302)

radko93 · satya164 · commit ea05db8e4bc1 · 2019-12-03T17:03:12.000+01:00
diff --git a/src/views/Header/HeaderContainer.tsx b/src/views/Header/HeaderContainer.tsx
@@ -109,7 +109,7 @@ export default function HeaderContainer({
                       })
                   : undefined
               }
-              pointerEvents="box-none"
+              pointerEvents={isFocused ? 'box-none' : 'none'}
               accessibilityElementsHidden={!isFocused}
               importantForAccessibility={
                 isFocused ? 'auto' : 'no-hide-descendants'

Original file line number	Diff line number	Diff line change
`@@ -109,7 +109,7 @@ export default function HeaderContainer({`
`109`	`109`	`})`
`110`	`110`	`: undefined`
`111`	`111`	`}`
`112`		`- pointerEvents="box-none"`
	`112`	`+ pointerEvents={isFocused ? 'box-none' : 'none'}`
`113`	`113`	`accessibilityElementsHidden={!isFocused}`
`114`	`114`	`importantForAccessibility={`
`115`	`115`	`isFocused ? 'auto' : 'no-hide-descendants'`