Merge pull request #31 from dreth/fix-styles-within-document

Fix incorrect style application to component
blackary · Feb 14, 2024 · 770283a · 770283a
2 parents 3dbe6cf + 21d4077
commit 770283a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/setup.py b/setup.py
@@ -7,7 +7,7 @@
 
 setuptools.setup(
     name="streamlit-keyup",
-    version="0.2.2",
+    version="0.2.3",
     author="Zachary Blackwood",
     author_email="[email protected]",
     description="Text input that renders on keyup",

diff --git a/src/st_keyup/frontend/index.html b/src/st_keyup/frontend/index.html
@@ -9,8 +9,8 @@
     <script src="./main.js"></script>
     <link rel="stylesheet" href="./style.css" />
   </head>
-  <body>
-    <div id="root">
+  <body id="root">
+    <div>
       <label id="label" for="text_input">This is a label</label>
       <div class="input">
         <input name="text_input" id="input_box" />

diff --git a/src/st_keyup/frontend/style.css b/src/st_keyup/frontend/style.css
@@ -1,3 +1,9 @@
+body {
+  -webkit-tap-highlight-color: var(--text-color);
+  background-color: var(--background-color);
+  color: var(--text-color);
+  font-family: var(--font);
+}
 label {
   font-family: var(--font);
   font-weight: 400;