Set wheel event handler to handle Input[type=number] on Chrome

pyscript · Jan 19, 2024 · 46a248a · 46a248a
1 parent 45f8020
commit 46a248a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/examples/pizza.py b/examples/pizza.py
@@ -22,6 +22,12 @@ def order(event):
             ltk.Heading1("Dave's Pizza Place"),
 
             ltk.HBox(ltk.Label("Date:"), ltk.DatePicker()),
+
+            ltk.Break(),
+            ltk.VBox(
+                ltk.Label("Number of Pizzas:"), 
+                ltk.Input(1).attr("type", "number")
+            ),
 
             ltk.Break(),
             ltk.HBox(

diff --git a/ltk/widgets.py b/ltk/widgets.py
@@ -378,6 +378,7 @@ class Input(Widget):
     def __init__(self, value, style=DEFAULT_CSS):
         Widget.__init__(self, style)
         self.element.val(value)
+        self.on("wheel", lambda event: None) # ensure Chrome handles wheel events
 
 
 class Checkbox(Widget):