fix: disable spell check to fix glitchy query typing animation

chatatechnologies · Oct 12, 2022 · 3cd07ba · 3cd07ba
1 parent b4a5608
commit 3cd07ba
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 0 deletions.
diff --git a/example/package/react-autoql-0.0.0-semantically-released.tgz b/example/package/react-autoql-0.0.0-semantically-released.tgz
diff --git a/src/components/Dashboard/DashboardTile/DashboardTile.js b/src/components/Dashboard/DashboardTile/DashboardTile.js
@@ -655,6 +655,7 @@ export class DashboardTile extends React.Component {
                   data-tip="Query"
                   data-for="react-autoql-dashboard-toolbar-btn-tooltip"
                   data-place="bottom"
+                  spellCheck={false}
                   onChange={this.onQueryInputChange}
                   onKeyDown={this.onQueryTextKeyDown}
                   onFocus={() => this.setState({ isQueryInputFocused: true })}
@@ -877,6 +878,7 @@ export class DashboardTile extends React.Component {
                   this.state.isSecondQueryInputOpen ? 'open' : ''
                 }`}
                 value={this.state.secondQuery}
+                spellCheck={false}
                 onChange={this.onSecondQueryInputChange}
                 onKeyDown={this.onSecondQueryTextKeyDown}
                 onBlur={(e) => {

diff --git a/src/components/ExploreQueries/ExploreQueries.js b/src/components/ExploreQueries/ExploreQueries.js
@@ -285,6 +285,7 @@ export class ExploreQueries extends React.Component {
               value={this.state.inputValue}
               onChange={this.onInputChange}
               onKeyPress={this.onKeyPress}
+              spellCheck={false}
               ref={(ref) => (this.inputRef = ref)}
               data-test="explore-queries-input-bar"
               autoFocus

diff --git a/src/components/QueryInput/QueryInput.js b/src/components/QueryInput/QueryInput.js
@@ -411,6 +411,7 @@ class QueryInput extends React.Component {
       onKeyDown: this.onKeyDown,
       value: this.state.inputValue,
       onFocus: this.moveCaretAtEnd,
+      spellCheck: false,
       autoFocus: true,
     }