From 67a3f5d87b78a4753ae9eb7afa4cf19a3098e43d Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Fri, 15 May 2020 11:21:53 -0400
Subject: [PATCH] Gauge Card: Fix if value is greater than max (#5887)

---
 src/panels/lovelace/cards/hui-gauge-card.ts | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/panels/lovelace/cards/hui-gauge-card.ts b/src/panels/lovelace/cards/hui-gauge-card.ts
index 9378f4da0f..3297515f53 100644
--- a/src/panels/lovelace/cards/hui-gauge-card.ts
+++ b/src/panels/lovelace/cards/hui-gauge-card.ts
@@ -131,6 +131,14 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
 
     const sliderBarColor = this._computeSeverity(state);
 
+    let value: number | undefined;
+
+    if (this._config.max === null || isNaN(this._config.max!)) {
+      value = undefined;
+    } else {
+      value = Math.min(this._config.max!, state);
+    }
+
     return html`
       <ha-card
         @click=${this._handleClick}
@@ -143,7 +151,7 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
           readonly
           arcLength="180"
           startAngle="180"
-          .value=${state}
+          .value=${value}
           .min=${this._config.min}
           .max=${this._config.max}
         ></round-slider>
@@ -243,6 +251,10 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
   }
 
   private _measureCard() {
+    if (!this.isConnected) {
+      return;
+    }
+
     if (this.offsetWidth < 200) {
       this.setAttribute("narrow", "");
     } else {
@@ -257,6 +269,10 @@ class HuiGaugeCard extends LitElement implements LovelaceCard {
 
   static get styles(): CSSResult {
     return css`
+      :host {
+        display: block;
+      }
+
       ha-card {
         cursor: pointer;
         height: 100%;