Add stopPropagation to other state-cards

src/state-summary/state-card-input_number.ts

@@ -2,6 +2,7 @@ import type { HassEntity } from "home-assistant-js-websocket";
 import type { TemplateResult } from "lit";
 import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
+import { stopPropagation } from "../common/dom/stop_propagation";
 import { debounce } from "../common/util/debounce";
 import "../components/entity/state-info";
 import "../components/ha-slider";
@@ -63,6 +64,7 @@ class StateCardInputNumber extends LitElement {
                 .max=${Number(this.stateObj.attributes.max)}
                 .value=${this.stateObj.state}
                 @change=${this._selectedValueChanged}
+                @click=${stopPropagation}
               ></ha-slider>
               <span class="state">
                 ${this.hass.formatEntityState(this.stateObj)}
@@ -81,6 +83,7 @@ class StateCardInputNumber extends LitElement {
                 .suffix=${this.stateObj.attributes.unit_of_measurement || ""}
                 type="number"
                 @change=${this._selectedValueChanged}
+                @click=${stopPropagation}
               >
               </ha-textfield>
             </div>

src/state-summary/state-card-number.ts

@@ -2,13 +2,14 @@ import type { HassEntity } from "home-assistant-js-websocket";
 import type { CSSResultGroup } from "lit";
 import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
+import { stopPropagation } from "../common/dom/stop_propagation";
+import { debounce } from "../common/util/debounce";
 import "../components/entity/state-info";
 import "../components/ha-slider";
 import "../components/ha-textfield";
-import type { HomeAssistant } from "../types";
-import { haStyle } from "../resources/styles";
 import { isUnavailableState } from "../data/entity";
-import { debounce } from "../common/util/debounce";
+import { haStyle } from "../resources/styles";
+import type { HomeAssistant } from "../types";
 
 @customElement("state-card-number")
 class StateCardNumber extends LitElement {
@@ -66,6 +67,7 @@ class StateCardNumber extends LitElement {
                 .max=${Number(this.stateObj.attributes.max)}
                 .value=${this.stateObj.state}
                 @change=${this._selectedValueChanged}
+                @click=${stopPropagation}
               >
               </ha-slider>
               <span class="state">
@@ -84,6 +86,7 @@ class StateCardNumber extends LitElement {
               .suffix=${this.stateObj.attributes.unit_of_measurement || ""}
               type="number"
               @change=${this._selectedValueChanged}
+              @click=${stopPropagation}
             >
             </ha-textfield>
           </div>`}

src/state-summary/state-card-select.ts

@@ -29,6 +29,7 @@ class StateCardSelect extends LitElement {
         fixedMenuPosition
         @selected=${this._selectedOptionChanged}
         @closed=${stopPropagation}
+        @click=${stopPropagation}
       >
         ${this.stateObj.attributes.options.map(
           (option) => html`