From 028003dffc575e024de763fb566058adf87febd9 Mon Sep 17 00:00:00 2001
From: Timmo <atimson123@gmail.com>
Date: Fri, 19 Oct 2018 08:13:45 +0100
Subject: [PATCH] Set attributes in input form controls (#1805)

* :hammer: add autocapitalize, autocomplete, autocorrect and spellcheck attributes

* :hammer: switch autocapitalize to none

* :hammer: add attributes to dev-state

* :hammer: add attributes to entity-picker
---
 src/components/entity/ha-entity-picker.js      | 11 ++++++++++-
 src/panels/dev-service/ha-panel-dev-service.js |  4 ++++
 src/panels/dev-state/ha-panel-dev-state.js     | 12 +++++++++++-
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/components/entity/ha-entity-picker.js b/src/components/entity/ha-entity-picker.js
index fcebf86019..16f6472406 100644
--- a/src/components/entity/ha-entity-picker.js
+++ b/src/components/entity/ha-entity-picker.js
@@ -38,7 +38,16 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
       allow-custom-value="[[allowCustomEntity]]"
       on-change='_fireChanged'
     >
-      <paper-input autofocus="[[autofocus]]" label="[[_computeLabel(label, localize)]]" class="input" value="[[value]]" disabled="[[disabled]]">
+      <paper-input 
+        autofocus="[[autofocus]]"
+        label="[[_computeLabel(label, localize)]]"
+        class="input"
+        autocapitalize='none'
+        autocomplete='off'
+        autocorrect='off'
+        spellcheck='false'
+        value="[[value]]"
+        disabled="[[disabled]]">
         <paper-icon-button slot="suffix" class="clear-button" icon="hass:close" no-ripple="" hidden$="[[!value]]">Clear</paper-icon-button>
         <paper-icon-button slot="suffix" class="toggle-button" icon="[[_computeToggleIcon(opened)]]" hidden="[[!_states.length]]">Toggle</paper-icon-button>
       </paper-input>
diff --git a/src/panels/dev-service/ha-panel-dev-service.js b/src/panels/dev-service/ha-panel-dev-service.js
index bcac296460..5cdb595a85 100644
--- a/src/panels/dev-service/ha-panel-dev-service.js
+++ b/src/panels/dev-service/ha-panel-dev-service.js
@@ -120,6 +120,10 @@ class HaPanelDevService extends PolymerElement {
           always-float-label
           label='Service Data (JSON, optional)'
           value='{{serviceData}}'
+          autocapitalize='none'
+          autocomplete='off'
+          autocorrect='off'
+          spellcheck='false'
         ></paper-textarea>
         <paper-button
           on-click='_callService'
diff --git a/src/panels/dev-state/ha-panel-dev-state.js b/src/panels/dev-state/ha-panel-dev-state.js
index 2666b16afe..4098f83249 100644
--- a/src/panels/dev-state/ha-panel-dev-state.js
+++ b/src/panels/dev-state/ha-panel-dev-state.js
@@ -91,10 +91,20 @@ class HaPanelDevState extends EventsMixin(PolymerElement) {
           <paper-input
             label="State"
             required
+            autocapitalize='none'
+            autocomplete='off'
+            autocorrect='off'
+            spellcheck='false'
             value='{{_state}}'
             class='state-input'
           ></paper-input>
-          <paper-textarea label="State attributes (JSON, optional)" value='{{_stateAttributes}}'></paper-textarea>
+          <paper-textarea 
+            label="State attributes (JSON, optional)"
+            autocapitalize='none'
+            autocomplete='off'
+            autocorrect='off'
+            spellcheck='false'
+            value='{{_stateAttributes}}'></paper-textarea>
           <paper-button on-click='handleSetState' raised>Set State</paper-button>
         </div>