This is a demonstration of the issues encountered when supporting mobile devices in a web application.
The migration of the application is described in the Software Engineering Tech Trends paper at OCI.
This is the original version, prior to any adaption for mobile. It was developed using desktop browsers, fails on mobile devices.
This step fixes the editing capability for mobile, by handling key events from an input.
The next step fixes the rendering for mobile, including the missing range slider for the stock Android browser.
Next, we add a modal overlay so that after editing, the text is still in view.
Finally, we fix the drag and drop with mobile.
Since there is no hover capability in mobile, we reproduce the tool tip's contents when the text is dragging, and handle a long tap event to show show these coordinates without dragging or causing a click event.
Finally, wse handle draging multiple texts through multiple touches.