Page MenuHomePhabricator

Come up with a way to move/remove/duplicate focusable nodes in mobile
Open, LowPublic40 Story Points

Description

For plain text, most mobiles support cut/copy/paste and backspace through native means, however in the absence of a physical keyboard or direct access to the clipboard (for security reasons) this doesn't work with focusable nodes however we don't show a native selection when focusable nodes are selected. We should provide adequate editing capabilities via a sensible touch interface.

There are two approaches one could take (or some combination of the two)

Provide cut/copy/paste tools

Pros

  • Users are already familiar with these tools, can achieve any moving/removing/duplication task through some combination of these
  • Writing to the system clipboard is possible

Cons

  • In order to paste anywhere, we would need to add a paste button to the toolbar (which is already crammed) or have via some less-discoverable technique.
  • May need to add 'delete' as a fourth option if people aren't comfortable using 'cut' for that purpose.
  • Moving of block elements is less intuitive and does't show you valid 'drop' points
  • 'Copy' and 'cut' are misleading in that they doesn't write to the system clipboard as well.

Provide move/remove/duplicate tools

Pros

  • Also can perform any combination of move/remove/duplicate.
  • A move tool could be intuitive to use on a touch device and could show 'drop' points
  • Duplication is a one-click process
  • Clearer that the system clipboard is not involved

Cons

  • Users may be expecting cut/copy/paste terminology.
  • Doesn't write to the system clipboard

Event Timeline

Esanders created this task.Jun 2 2015, 3:54 PM
Esanders raised the priority of this task from to Needs Triage.
Esanders updated the task description. (Show Details)
Esanders added a project: VisualEditor.
Esanders added a subscriber: Esanders.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 2 2015, 3:54 PM
Jdforrester-WMF renamed this task from Moving/removing/duplicating focusable nodes in mobile to Come up with a way to move/remove/duplicate focusable nodes in mobile.Aug 4 2015, 8:38 PM
Jdforrester-WMF triaged this task as Medium priority.
Jdforrester-WMF set Security to None.
Jdforrester-WMF edited a custom field.
Jdforrester-WMF moved this task from To Triage to Epics on the VisualEditor board.
Deskana lowered the priority of this task from Medium to Low.Aug 31 2018, 10:46 AM
Deskana moved this task from Epics to Freezer on the VisualEditor board.Aug 31 2018, 10:46 AM
Esanders added a subscriber: Deskana.

It may actually be the case that with the browsers than we want to support, we can actually write to the clipboard in response to a user event using document.execCommand.

It looks like support was added in iOS 11 for execCommand, although it does require a native selection to be present, and therefor the virtual keyboard to be visible. Testing the following sequence:

  1. Create selection
  2. Call execCommand
  3. Remove selection

The keyboard quickly shows and then hides, but this may be better than not providing copy support at all.
Android seems to work fine, although I haven't tested old versions.

Esanders updated the task description. (Show Details)Sep 6 2018, 1:41 PM

Can you screenshot an example of this or explain it in less technical terms so that I can understand the pain point here? cc/ @Esanders @Deskana

An example would be if you wanted to move a reference. On desktop you would either drag and drop with a mouse or cut and paste with a keyboard shortcut.

On mobile there is no mouse or keyboard shortcuts, and the copy/paste/select context menu only shows when you select plain text, so moving a reference is currently impossible.