Design view: add ability to explore a zoomed-in design via click-and-drag

Problem to solve

Currently, when a user is zoomed in on an image within the Design view, they are able to navigate around the image via mouse's scrollwheel and/or the browser scrollbars.

An improvement to this UX could be to give users the ability to click-and-drag to move around the image.

Intended users

All users of Design Management

Proposal

Clicking on an image currently places an annotation pin. The solution needs to be able to support this on both desktop and mobile.

A combination of mousedown and mouseup on desktop, and touchstart, touchend and touchmove on mobile will be required.

Video of proposal from @jareko

Design Specification

• Original spec from #13217 (closed) (by @jareko) can be found here

Documentation

Documentation will need to be updated to highlight this capability

Testing

Because of the additional event listeners required, performance must be a consideration for the implementation of this feature.

Links / references

• Original discussion around this feature discussed in => #13217 (closed)