From 86d5c5249b61395c4aa6f4ea2846b30b290801b8 Mon Sep 17 00:00:00 2001 From: Morgan Pretty Date: Wed, 6 Apr 2016 03:09:53 -0700 Subject: [PATCH] Fixed an issue where the title in NavigationExperimentalHeader would block touches for the left component Summary:There was an issue where the title component could overlap the left component and it would block the left component from receiving touches. I only stumbled across this because we have a default title component which stretches most of the width and it was covering the edge of the left component. I think left/right components are more likely to be actionable than the title component so they should take priority in the touch order (ie. be rendered last). Closes https://github.com/facebook/react-native/pull/6618 Differential Revision: D3144191 fb-gh-sync-id: 9ccd31714b2401d02eaaf4b5b24ed6afb60041c7 fbshipit-source-id: 9ccd31714b2401d02eaaf4b5b24ed6afb60041c7 --- .../CustomComponents/NavigationExperimental/NavigationHeader.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Libraries/CustomComponents/NavigationExperimental/NavigationHeader.js b/Libraries/CustomComponents/NavigationExperimental/NavigationHeader.js index 403ec0ad1..114008d37 100644 --- a/Libraries/CustomComponents/NavigationExperimental/NavigationHeader.js +++ b/Libraries/CustomComponents/NavigationExperimental/NavigationHeader.js @@ -183,7 +183,7 @@ class NavigationHeader extends React.Component { return null; } - const pointerEvents = offset !== 0 || isStale ? 'none' : 'auto'; + const pointerEvents = offset !== 0 || isStale ? 'none' : 'box-none'; return (