From 5d1fdf8e031a153395711fdd660ffa68065e18a5 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Mon, 9 May 2022 15:39:41 -0700
Subject: [PATCH] Don't allow elements to overflow.

---
 src/scss/elements.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/scss/elements.scss b/src/scss/elements.scss
index 239c854c..ff0d3dcf 100644
--- a/src/scss/elements.scss
+++ b/src/scss/elements.scss
@@ -1,6 +1,16 @@
+:host {
+  position: absolute;
+  inset: 0;
+
+  // Don't let elements overflow.
+  overflow: hidden;
+  pointer-events: none;
+}
+
 .element {
   position: absolute;
   transform: translate(-50%, -50%);
+  pointer-events: auto;
 }
 
 // Errors encountered by HA (not the card) during parsing of the configuration