Disable spell checking in color text input (#373)

casesandberg · Jul 5, 2017 · 71ab42c · 71ab42c
1 parent 7adc7d0
commit 71ab42c
Show file tree

Hide file tree

Showing 9 changed files with 49 additions and 0 deletions.
diff --git a/src/components/block/__snapshots__/spec.js.snap b/src/components/block/__snapshots__/spec.js.snap
@@ -333,6 +333,7 @@ exports[`test Block \`triangle="none"\` 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBorderRadius": "4px",
@@ -696,6 +697,7 @@ exports[`test Block renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBorderRadius": "4px",

diff --git a/src/components/chrome/__snapshots__/spec.js.snap b/src/components/chrome/__snapshots__/spec.js.snap
@@ -441,6 +441,7 @@ exports[`test Chrome renders correctly 1`] = `
               onChange={[Function]}
               onKeyDown={[Function]}
               placeholder={undefined}
+              spellCheck="false"
               style={
                 Object {
                   "MozBorderRadius": "2px",
@@ -569,6 +570,7 @@ exports[`test ChromeFields renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBorderRadius": "2px",

diff --git a/src/components/common/EditableInput.js b/src/components/common/EditableInput.js
@@ -129,6 +129,7 @@ export class EditableInput extends (PureComponent || Component) {
           onChange={ this.handleChange }
           onBlur={ this.handleBlur }
           placeholder={ this.props.placeholder }
+		  spellCheck="false"
         />
         { this.props.label ? (
           <span style={ styles.label } onMouseDown={ this.handleMouseDown }>

diff --git a/src/components/common/__snapshots__/spec.js.snap b/src/components/common/__snapshots__/spec.js.snap
@@ -152,6 +152,7 @@ exports[`test EditableInput renders correctly 1`] = `
     onChange={[Function]}
     onKeyDown={[Function]}
     placeholder="#fff"
+    spellCheck="false"
     style={Object {}}
     value="UNDEFINED" />
   <span

diff --git a/src/components/compact/__snapshots__/spec.js.snap b/src/components/compact/__snapshots__/spec.js.snap
@@ -1532,6 +1532,7 @@ exports[`test Compact renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -1572,6 +1573,7 @@ exports[`test Compact renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -1618,6 +1620,7 @@ exports[`test Compact renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -1664,6 +1667,7 @@ exports[`test Compact renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -3270,6 +3274,7 @@ exports[`test Compact with onSwatchHover renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -3310,6 +3315,7 @@ exports[`test Compact with onSwatchHover renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -3356,6 +3362,7 @@ exports[`test Compact with onSwatchHover renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -3402,6 +3409,7 @@ exports[`test Compact with onSwatchHover renders correctly 1`] = `
             onChange={[Function]}
             onKeyDown={[Function]}
             placeholder={undefined}
+            spellCheck="false"
             style={
               Object {
                 "background": "none",
@@ -3519,6 +3527,7 @@ exports[`test CompactFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "background": "none",
@@ -3559,6 +3568,7 @@ exports[`test CompactFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "background": "none",
@@ -3605,6 +3615,7 @@ exports[`test CompactFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "background": "none",
@@ -3651,6 +3662,7 @@ exports[`test CompactFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "background": "none",

diff --git a/src/components/material/__snapshots__/spec.js.snap b/src/components/material/__snapshots__/spec.js.snap
@@ -53,6 +53,7 @@ exports[`test Material renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "border": "0px",
@@ -113,6 +114,7 @@ exports[`test Material renders correctly 1`] = `
               onChange={[Function]}
               onKeyDown={[Function]}
               placeholder={undefined}
+              spellCheck="false"
               style={
                 Object {
                   "border": "0px",
@@ -165,6 +167,7 @@ exports[`test Material renders correctly 1`] = `
               onChange={[Function]}
               onKeyDown={[Function]}
               placeholder={undefined}
+              spellCheck="false"
               style={
                 Object {
                   "border": "0px",
@@ -217,6 +220,7 @@ exports[`test Material renders correctly 1`] = `
               onChange={[Function]}
               onKeyDown={[Function]}
               placeholder={undefined}
+              spellCheck="false"
               style={
                 Object {
                   "border": "0px",

diff --git a/src/components/photoshop/__snapshots__/spec.js.snap b/src/components/photoshop/__snapshots__/spec.js.snap
@@ -409,6 +409,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -454,6 +455,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -499,6 +501,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -550,6 +553,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -595,6 +599,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -640,6 +645,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -691,6 +697,7 @@ exports[`test Photoshop renders correctly 1`] = `
                 onChange={[Function]}
                 onKeyDown={[Function]}
                 placeholder={undefined}
+                spellCheck="false"
                 style={
                   Object {
                     "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -824,6 +831,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -869,6 +877,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -914,6 +923,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -965,6 +975,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -1010,6 +1021,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -1055,6 +1067,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",
@@ -1106,6 +1119,7 @@ exports[`test PhotoshopFields renders correctly 1`] = `
       onChange={[Function]}
       onKeyDown={[Function]}
       placeholder={undefined}
+      spellCheck="false"
       style={
         Object {
           "MozBoxShadow": "inset 0 1px 1px rgba(0,0,0,.1), 0 1px 0 0 #ECECEC",

diff --git a/src/components/sketch/__snapshots__/spec.js.snap b/src/components/sketch/__snapshots__/spec.js.snap
@@ -423,6 +423,7 @@ exports[`test Sketch renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -476,6 +477,7 @@ exports[`test Sketch renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -530,6 +532,7 @@ exports[`test Sketch renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -584,6 +587,7 @@ exports[`test Sketch renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -638,6 +642,7 @@ exports[`test Sketch renders correctly 1`] = `
           onChange={[Function]}
           onKeyDown={[Function]}
           placeholder={undefined}
+          spellCheck="false"
           style={
             Object {
               "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -1287,6 +1292,7 @@ exports[`test SketchFields renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -1340,6 +1346,7 @@ exports[`test SketchFields renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -1394,6 +1401,7 @@ exports[`test SketchFields renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -1448,6 +1456,7 @@ exports[`test SketchFields renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBoxShadow": "inset 0 0 0 1px #ccc",
@@ -1502,6 +1511,7 @@ exports[`test SketchFields renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBoxShadow": "inset 0 0 0 1px #ccc",

diff --git a/src/components/twitter/__snapshots__/spec.js.snap b/src/components/twitter/__snapshots__/spec.js.snap
@@ -339,6 +339,7 @@ exports[`test Twitter \`triangle="none"\` 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBorderRadius": "0 4px 4px 0",
@@ -718,6 +719,7 @@ exports[`test Twitter \`triangle="top-right"\` 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBorderRadius": "0 4px 4px 0",
@@ -1097,6 +1099,7 @@ exports[`test Twitter renders correctly 1`] = `
         onChange={[Function]}
         onKeyDown={[Function]}
         placeholder={undefined}
+        spellCheck="false"
         style={
           Object {
             "MozBorderRadius": "0 4px 4px 0",