Fix search bar select interaction

dellisd · Aug 8, 2023 · 84cea0b · 84cea0b
1 parent 61a67da
commit 84cea0b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/web/src/jsMain/kotlin/ca/derekellis/reroute/ui/AppStylesheet.kt b/web/src/jsMain/kotlin/ca/derekellis/reroute/ui/AppStylesheet.kt
@@ -6,6 +6,7 @@ import org.jetbrains.compose.web.css.fontFamily
 import org.jetbrains.compose.web.css.height
 import org.jetbrains.compose.web.css.left
 import org.jetbrains.compose.web.css.margin
+import org.jetbrains.compose.web.css.media
 import org.jetbrains.compose.web.css.mediaMaxWidth
 import org.jetbrains.compose.web.css.percent
 import org.jetbrains.compose.web.css.position
@@ -32,9 +33,12 @@ object AppStylesheet : StyleSheet() {
     position(Position.Absolute)
     top(0.px)
     left(0.px)
-    width(100.percent)
-    height(100.percent)
-    property("pointer-events", "none")
+    width(512.px)
+    media(SmallMediaQuery) {
+      self style {
+        width(100.percent)
+      }
+    }
   }
 
   val SmallMediaQuery = mediaMaxWidth(600.px)