useNativeScrollers toolkit option

haxeui · May 20, 2024 · 3f3245b · 3f3245b
1 parent 78e52e3
commit 3f3245b
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/haxe/ui/backend/ComponentImpl.hx b/haxe/ui/backend/ComponentImpl.hx
@@ -95,7 +95,7 @@ class ComponentImpl extends ComponentBase {
     }
 
     private override function get_isNativeScroller():Bool {
-        return false;
+        return Platform.instance.useNativeScrollers;
     }
 
     private function recursiveReady() {
@@ -136,7 +136,9 @@ class ComponentImpl extends ComponentBase {
 
             element.scrollTop = 0;
             element.scrollLeft = 0;
-            //element.style.overflow = "hidden";
+            if (Platform.instance.useNativeScrollers) {
+                element.style.overflow = "auto";
+            }
             element.classList.add("haxeui-component");
             elementToComponent.set(element, cast(this, Component));
 
@@ -255,6 +257,9 @@ class ComponentImpl extends ComponentBase {
     }
 
     private override function handleClipRect(value:Rectangle) {
+        if (Platform.instance.useNativeScrollers) {
+            return;
+        }
         var c:Component = cast(this, Component);
         var parent:Component = c.parentComponent;
         value.toInts();

diff --git a/haxe/ui/backend/PlatformImpl.hx b/haxe/ui/backend/PlatformImpl.hx
@@ -55,6 +55,17 @@ class PlatformImpl extends PlatformBase {
         return Browser.window.performance.now();
     }
 
+    public var useNativeScrollers(get, null):Bool;
+    private function get_useNativeScrollers():Bool @:privateAccess {
+        if (Screen.instance._options == null) {
+            return false;
+        }
+        if (Screen.instance._options.throttleMouseWheelPlatforms == null) {
+            return false;
+        }
+        return Screen.instance._options.useNativeScrollers;
+    }
+
     public var throttleMouseWheelPlatforms(get, null):Array<String>;
     private function get_throttleMouseWheelPlatforms():Array<String> @:privateAccess {
         if (Screen.instance._options == null) {

diff --git a/haxe/ui/backend/ToolkitOptions.hx b/haxe/ui/backend/ToolkitOptions.hx
@@ -4,6 +4,7 @@ import js.html.Element;
 
 typedef ToolkitOptions = {
     ?container:Element,
+    ?useNativeScrollers:Bool,
     ?throttleMouseWheelPlatforms:Array<String>,
     ?throttleMouseWheelTimestampDelta:Null<Float>
 }