From b05dc5141c4ba29582d93b4b7ff4dd21c7dc4804 Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Tue, 27 Jul 2021 00:01:32 +0200
Subject: [PATCH] Fix chart tooltip footer always rendering (#9614)

---
 src/components/chart/ha-chart-base.ts | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/chart/ha-chart-base.ts b/src/components/chart/ha-chart-base.ts
index 63b41aef70..9dd4889aa2 100644
--- a/src/components/chart/ha-chart-base.ts
+++ b/src/components/chart/ha-chart-base.ts
@@ -136,12 +136,9 @@ export default class HaChartBase extends LitElement {
                   )}
                 </ul>
               </div>
-              ${this._tooltip.footer
-                ? // footer has white-space: pre;
-                  // prettier-ignore
-                  html`<div class="footer">${Array.isArray(this._tooltip.footer)
-                      ? this._tooltip.footer.join("\n")
-                      : this._tooltip.footer}
+              ${this._tooltip.footer.length
+                ? html`<div class="footer">
+                    ${this._tooltip.footer.map((item) => html`${item}<br />`)}
                   </div>`
                 : ""}
             </div>`
@@ -324,7 +321,6 @@ export default class HaChartBase extends LitElement {
       }
       .chartTooltip .footer {
         font-weight: 500;
-        white-space: pre;
       }
       .chartTooltip .beforeBody {
         text-align: center;