drawdb-io / drawdb

Free, simple, and intuitive online database design tool and SQL generator.
https://drawdb.app
MIT License
12.11k stars 856 forks source link

Chrome DevTools breaks panning #149

Open FelixZY opened 6 days ago

FelixZY commented 6 days ago

Opening the chrome devtools causes pan speed to increase by 4x (verified by making code changes). Closing them again causes speed to return to normal.

https://github.com/drawdb-io/drawdb/assets/2656517/a6d3ca50-a205-495d-91f3-c475c62662fb

I'm inclined to submit a bug report with chromium but perhaps there is some insight to be made here first.

Steps to reproduce

  1. Go to https://drawdb.vercel.app/editor
  2. Add some tables to be able to see the effect of panning
  3. Open the chrome devtools
  4. (Optional - makes the bug stand out more) zoom out a little
  5. Pan around

Expected

Normal panning speed

Actual

4x panning speed

Additional context

Also tested on main (0899b2c453f7f3e5905d88c586a1503dd38b78ea) with identical results.

OS: Ubuntu 20.04.6 LTS (focal) (64-bit) Google Chrome: 122.0.6261.111 (Official Build) (64-bit), 126.0.6478.126 (Official Build) (64-bit) Opera: 111.0.5168.43 (chromium 125.0.6422.143)

Firefox (126.0.1 (64-bit)) does not have any issues.