From a1e555ac097bfd0e3eb020e300ba5f21f52e24ab Mon Sep 17 00:00:00 2001
From: Will Haering <wchaering@gmail.com>
Date: Tue, 20 Dec 2016 22:31:51 -0500
Subject: [PATCH] Added prop to enable horizontal scrolling on form

---
 src/CreditCardInput.js | 4 ++--
 src/connectToState.js  | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/CreditCardInput.js b/src/CreditCardInput.js
index b23c9e21..26db41a5 100644
--- a/src/CreditCardInput.js
+++ b/src/CreditCardInput.js
@@ -106,7 +106,7 @@ export default class CreditCardInput extends Component {
     const {
       cardImageFront, cardImageBack, inputContainerStyle,
       values: { number, expiry, cvc, name, type }, focused,
-      requiresName, requiresCVC, requiresPostalCode,
+      allowScroll, requiresName, requiresCVC, requiresPostalCode,
       cardScale, cardFontFamily, cardBrandIcons
     } = this.props;
 
@@ -126,7 +126,7 @@ export default class CreditCardInput extends Component {
         <ScrollView ref="Form"
             horizontal
             keyboardShouldPersistTaps
-            scrollEnabled={false}
+            scrollEnabled={allowScroll}
             showsHorizontalScrollIndicator={false}
             style={s.form}>
           <CCInput {...this._inputProps("number")}
diff --git a/src/connectToState.js b/src/connectToState.js
index 768224b1..95820ff0 100644
--- a/src/connectToState.js
+++ b/src/connectToState.js
@@ -19,6 +19,7 @@ export const InjectedProps = {
 export default function connectToState(CreditCardInput) {
   class StateConnection extends Component {
     static propTypes = {
+      allowScroll: PropTypes.bool,
       autoFocus: PropTypes.bool,
       onChange: PropTypes.func.isRequired,
       onFocus: PropTypes.func,
@@ -29,6 +30,7 @@ export default function connectToState(CreditCardInput) {
     };
 
     static defaultProps = {
+      allowScroll: false,
       autoFocus: false,
       onChange: () => {},
       onFocus: () => {},