rnc-archive / react-native-drawer-layout

A platform-agnostic drawer layout for react-native
256 stars 63 forks source link

RNW Elements being affected by pointerEvents #36

Open semiautomatix opened 7 years ago

semiautomatix commented 7 years ago

I have a peculiar problem resulting from using Ignite 2.0 and react-native-windows whereby the TextInputs are positioning the cursor at the beginning of a field when the field is populated using the value property. See below.

image


Install Ignite 2.0 as per instructions
npm install --save-dev rnpm-plugin-windows
react-native windows
react-native run-windows

It's also preventing ScrollView from scrolling - so could be a bigger problem than just a textinput,

I believed I've narrowed down the issue to the pointerEvents property. The react-native-drawer component contains this property in View (and I've also tested react-native-drawer-layout that contains this property in Animated.View). The specific piece of code is:

<View
          pointerEvents={ this._open && this.shouldCaptureGestures() ? 'auto' : 'none' }
/>

and

const pointerEvents = drawerShown ? 'auto' : 'none';

<Animated.View
            pointerEvents={pointerEvents}
/>

I'm unsure whether this is something that should be changed in this package, or RNW needs an update?