[bug] Horizontal scrollbar is not movable

[LimitLost]

Describe the bug

Horizontal scrollbar does not work, it appears but can't be moved with mouse or scroll

Reproduction

Below I dropped a stripped down project (only with files needed to reproduce the bug, based on the default project)

Used startup command for application: cargo tauri dev

Id of element with not working horizontal scrollbar: graph

tauri-bug.zip

Expected behavior

a properly working (movable at least with the mouse) scroll bar on the element with id "graph"

(provided html and style in src folder works perfectly fine in firefox)

Full tauri info output

Environment
  › OS: Linux 22.04 X64
  › Node.js: 20.11.0
  › npm: 10.2.4
  › pnpm: Not installed!
  › yarn: Not installed!
  › rustup: 1.26.0
  › rustc: 1.71.0
  › cargo: 1.71.0
  › Rust toolchain: stable-x86_64-unknown-linux-gnu 

Packages
WARNING: no lock files found, defaulting to npm
  › @tauri-apps/cli [NPM]: 1.2.2 (outdated, latest: 1.5.9)
  › @tauri-apps/api [NPM]: Not installed!
  › tauri [RUST]: 1.5.4,
  › tauri-build [RUST]: 1.5.1,
  › tao [RUST]: 0.16.7,
  › wry [RUST]: 0.24.7,

App
  › build-type: bundle
  › CSP: unset
  › distDir: ../src
  › devPath: ../src
package.json not found

App directory structure
  ├─ .vscode
  ├─ src
  └─ src-tauri

Stack trace

No response

Additional context

Used Linux Distribution: KDE Neon (based on Ubuntu 22.04)

Graphics Platform: X11 Qt Version: 5.15.12 KDE Frameworks Version: 5.114.0 KDE Plasma Version: 5.27.10

[pewsheen]

I'm guessing it's WebKitGTK's issue

flex-direction: row-reverse; combine with the horizontal scroll causes the problem... with flex-direction: row will be fine. :\