我有一台运行托管 Web 应用程序 (Vue.js) 的 Web 服务器的设备。在搭载 Android 8 和 WebView 版本 70.0.3538.110、分辨率为 1280x800 的平板电脑（Huawei Mediapad T3 10）上，我利用 kiosk 应用程序使用 WebView（我们的 APK）全屏显示 Web 应用程序。
现在，我们的目标是过渡到配备 Android 12 且分辨率为 1920x1200、运行 WebView 版本 102.0.5005.125 的平板电脑。
最初，只需在新平板电脑上安装旧 APK 后，大多数功能似乎都能无缝运行。然而，垂直滑块出现了一个新问题。虽然水平滑块按预期工作，但垂直滑块现在需要在 X 方向上轻微移动，然后才能在 Y 方向上移动。换句话说，点击滑块按钮，然后向左或向右小幅移动，即可启用滑动功能。否则，尝试仅沿 Y 方向滑动是无效的。
我还尝试过 Chrome 和 Opera 浏览器（而不是 webview），在 Android 13 上也遇到了与垂直滑块相同的问题。
我正在寻求解决此问题的方法，而不需要更改 Vue.js Web 应用程序本身。
还有其他人遇到过类似的问题吗？触摸斜率或触摸事件顺序是否有重大变化，或者与分辨率变化有关？
是否可以通过调整 APK 或平板电脑/Android 设置来解决？
使用“vue-slider-component”而不是“输入类型范围滑块”修复了它。 可以用“--webkit-appearance =“slider-vertical””转动第二个，但后来我无法再改变拇指了。 因此，与另一个滑块一起使用时，它现在就像一个魅力。