From 5197f102eada6972ca4b6f5c9bb4f1d766979470 Mon Sep 17 00:00:00 2001
From: Zack Arnett <arnett.zackary@gmail.com>
Date: Mon, 16 Mar 2020 07:22:41 -0400
Subject: [PATCH] Webpage Card: Fix Aspect Ratio in Editor (#5210)

* fix Ifram editor

* suffix
---
 .../editor/config-elements/hui-iframe-card-editor.ts        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/panels/lovelace/editor/config-elements/hui-iframe-card-editor.ts b/src/panels/lovelace/editor/config-elements/hui-iframe-card-editor.ts
index 7dc4e6e42e..913e1705a5 100644
--- a/src/panels/lovelace/editor/config-elements/hui-iframe-card-editor.ts
+++ b/src/panels/lovelace/editor/config-elements/hui-iframe-card-editor.ts
@@ -81,11 +81,11 @@ export class HuiIframeCardEditor extends LitElement
             )} (${this.hass.localize(
               "ui.panel.lovelace.editor.card.config.optional"
             )})"
-            type="number"
-            .value="${Number(this._aspect_ratio.replace("%", ""))}"
+            .value="${this._aspect_ratio.replace("%", "")}"
             .configValue="${"aspect_ratio"}"
             @value-changed="${this._valueChanged}"
-          ></paper-input>
+            ><div slot="suffix">%</div></paper-input
+          >
         </div>
       </div>
     `;