Ticket #803 (closed Enhancement: fixed)

Opened 6 years ago

Last modified 6 years ago

Support for touch devices

Reported by: jri Owned by: jri
Priority: Major Milestone: Release 4.7
Component: DeepaMehta Standard Distribution Version: 4.6.1
Keywords: Cc: dgf, Malte, JuergeN
Complexity: 5 Area: GUI / Usability
Module: deepamehta-webclient

Description

The Webclient should also work on touch devices like Android and iOS tablets and phones.

Currently only tapping and double-tapping works. That is topic/assoc selection and editing and menu selection work already. However what does NOT work is all the drag operations.

Change History

comment:1 Changed 6 years ago by jri

  • Status changed from new to accepted

comment:2 Changed 6 years ago by jri

  • Version changed from 4.6 to 4.6.1

comment:3 Changed 6 years ago by Jörg Richter <jri@…>

In cf59b17184a63a403d0fc1f5e8259f25e7f6c50f/deepamehta:

Touch devices: canvas move, cluster move (#803).

Canvas moves and cluster moves (dragging an assoc) works on touch devices.

See #803.

comment:4 Changed 6 years ago by Jörg Richter <jri@…>

In ca6c6709576b4389d8c068ecb72e46710b251913/deepamehta:

Webclient: CanvasRenderer? API renamings (#803).

BREAKING CHANGES

Rename 2 CanvasRenderer? methods:

add_view_customizer      --> register_view_customizer
add_viewmodel_customizer --> register_viewmodel_customizer

See #803.

comment:5 Changed 6 years ago by Jörg Richter <jri@…>

In 1c5d88e431e181d3307d1892450ca971e7688e51/deepamehta:

Dragging topics works on touch devices (#803).

Makes use of Touch Punch:
http://touchpunch.furf.com/

See #803.

comment:6 Changed 6 years ago by Jörg Richter <jri@…>

comment:7 Changed 6 years ago by Jörg Richter <jri@…>

In bbf2ef785b8a73d7fe943e5edd5fdfefc98a8dbc/deepamehta:

Disable zooming on mobile devices (#803)

... in order to avoid several layout and interaction problems with various mobile browsers.

See #803.

comment:8 Changed 6 years ago by Jörg Richter <jri@…>

In dedda36379002038838ba4748b42cb612a916134/deepamehta:

Optimize canvas resizing (#803).

The canvas element is not recreated several times while resizing.
The hope was better rendering performance on mobile Firefox. But no luck.
Mobile Firefox still crashes while resizing.
Mobile Chrome works much better.

See #803.

comment:9 Changed 6 years ago by Jörg Richter <jri@…>

In 7206ea26e5ad5ddfa96e3081b03a9c427cb6bbf3/deepamehta:

Mobile: improve page panel resize handling (#803).

The width of the resize-handle is increased from 7px to 16px to make it easier to grasp.

When tapped the resize-handle appears visually to provide a hint where to grasp it.

Still, resizing remains very frustrating. Most resize attempts fail.
The various mobile browsers seem to be governed by subtle and opaque rules.

See #803.
See #676.

comment:10 Changed 6 years ago by jri

  • Status changed from accepted to closed
  • Resolution set to fixed

The first round is regarded complete.

Please test with various touch devices.

Currently only tested with an Android 4.1 tablet and mobile Firefox and Chrome browsers.
Chrome works best.

Note: See TracTickets for help on using tickets.