Browsers on devices like mobile phones have small screens, so a simple touch-drag will scroll the screen, and pinch-zoom will magnify the entire browser. We want touch-drag in the center panel to operate the current tool, e.g. draw a line or rectangle. We need to be able to handle drawing movements without getting into a state where the screen can't be scrolled.
The current CSS has no "responsive web design" elements. Changing the layout for smaller screens may yield a better experience.
Update: Change 02948af added "touch-action" CSS properties that prevent the browser from panning on touch+drag. It's a bit awkward on small devices, but it's functional. We still need to allow the browser to handle pinch-zoom because otherwise we risk trapping the user if the image edit window fills the entire screen.
Browsers on devices like mobile phones have small screens, so a simple touch-drag will scroll the screen, and pinch-zoom will magnify the entire browser. We want touch-drag in the center panel to operate the current tool, e.g. draw a line or rectangle. We need to be able to handle drawing movements without getting into a state where the screen can't be scrolled.
The current CSS has no "responsive web design" elements. Changing the layout for smaller screens may yield a better experience.
Update: Change 02948af added "touch-action" CSS properties that prevent the browser from panning on touch+drag. It's a bit awkward on small devices, but it's functional. We still need to allow the browser to handle pinch-zoom because otherwise we risk trapping the user if the image edit window fills the entire screen.