Try to stopPropagation

Olen · Jul 19, 2024 · a6dcfaa · a6dcfaa
1 parent 8f53734
commit a6dcfaa
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "flower-card",
-  "version": "2024.7.8",
+  "version": "2024.7.9",
   "description": "Custom flower card for https://github.com/Olen/homeassistant-plant",
   "keywords": [
     "home-assistant",

diff --git a/src/utils/attributes.ts b/src/utils/attributes.ts
@@ -32,7 +32,7 @@ export const renderBattery = (card: FlowerCard) => {
     const { icon, color } = levels.find(({ threshold }) => state > threshold) ||  { icon: "mdi:battery-alert-variant-outline", color: "red" };
 
     return html`
-        <div class="battery tooltip" @click="${() => moreInfo(card, card.config.battery_sensor)}">
+        <div class="battery tooltip" @click="${(e) => { e.stopPropagation(); moreInfo(card, card.config.battery_sensor)}}">
             <div class="tip" style="text-align:center;">${state}%</div>
             <ha-icon .icon="${icon}" style="color: ${color}"></ha-icon>
         </div>

diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -1,6 +1,7 @@
 import { HomeAssistant, fireEvent } from "custom-card-helpers";
 import { default_show_bars } from "./constants";
 import FlowerCard from "../flower-card";
+import eventOptions from 'lit-element';
 
 export const getConfigElement = (): HTMLElement => {
     return document.createElement("flower-card-editor");