921965 - [Keyboard][User Story] Text Selection (editable text)

Status: RESOLVED FIXED

(Firefox OS Graveyard :: Runtime, defect)

Description

[Bruce Huang [:bhuang] (inactive)]

As a user, I want to be able to select text easily in order to perform actions on the selection (insert/delete/copy/cut, etc)

Comment 1

[Jean Gong :jgong]

Update whiteboard tag to follow format [ucid:{id}, {release}:p{1,2}, ft:{team-id}]

Comment 2

[Bruce Huang [:bhuang] (inactive)]

This user story will track text selection for editable text fields.

Comment 3

[Ivan Tsay (:ITsay)]

Need info Carrie to ask the UX spec. for text selection.

Comment 4

[Carrie Wang [New account: [e-mail]]]

Attachment: [1.4 Keyboard] cursor movement and text selection v0.1.pdf

The spec is same as the one attached in Bug 921964.
It includes both cursor movement and the text selection.
Thanks!

Comment 5

[Ivan Tsay (:ITsay)]

Move this feature to v1.5.

Comment 6

[Ivan Tsay (:ITsay)]

Assign to Steven Lee for filing the implementation bugs and link those to this user story bugs.

Comment 7

[Ivan Tsay (:ITsay)]

No longer depend on bug 908495. The implementation will go for bug 987040.

Comment 8

[Ivan Tsay (:ITsay)]

Attachment: [keyboard] 2.0 text selection and copy paste v0.2.pdf

Add latest text selection & copy/Paste UX spec.

Comment 10

[William Hsu [:whsu]]

Attachment: [keyboard] v2.0 text selection and copy paste v0.3.pdf

Comment 11

[howie [:howie]]

Hi Carol, for text selection, we need your help to provide 2 small icons, please refer to spec p.4, the bottom Notes part, there are Tilt cursor handles, one tilts to the right and one to the left. Thank you.

Comment 12

[howie [:howie]]

Hi Carol, we also need your help to provide the bubble icons and layout spec for this. Thank you.

Comment 13

[Carol Huang [:Carol]]

Attachment: text caret_visual spec_0520.zip

Hi Morris,
The attachment is the visual spec for "Text Selection". 
Let me know if you have any question,thanks!

Comment 14

[Carol Huang [:Carol]]

Attachment: Text_Selection_Visual Spec_0523.zip

Update Text_Selection_Visual Spec:Added Utility Bubble menu UI Spec.

Comment 15

[William Hsu [:whsu]]

Added the test cases.
- https://moztrap.mozilla.org/manage/cases/?filter-tag=2617&filter-product=16&filter-productversion=177&pagenumber=1&pagesize=100&sortfield=created_on&sortdirection=desc

Comment 16

[howie [:howie]]

Carol, thanks for the spec. @Alive, the layout spec and icons are out, please proceed the gaia work, thank you.

Comment 17

[howie [:howie]]

Need functional test, move to 2.1

Comment 18

[(Inactive after June) George Duan [:gduan] [:喬智]]

Hi Carol,
I need more UI information for text-selection, like dialog background color, item size, distance btw dialog and selected box... etc.

Comment 19

[Carol Huang [:Carol]]

Attachment: Text_Selection_Visual Spec_0603.zip

text selection visual spec update: "Utility bubble menu" corner radius: 2px

Comment 20

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [2.0 Keyboard] Text Selection and Clipboard v0.4.pdf

The latest UX spec update.
p.14 Revising “Dismiss keyboard” description
p.15 Revising “A lot of text selected” rule
p.16 Revising the typo

Comment 21

[Omega Feng [:Omega] [:馮於懋]]

Attachment: [2.0 Keyboard] Text Selection and Clipboard v0.5.pdf

Latest UX spec update:
p.14 Revising “Dismiss keyboard” description
p.15 Adding “Mode transition”
(for bug 1016184.)

Comment 22

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Text Selection and Clipboard_v1.0.pdf

Here is the Updated UX spec for FxOS 2.1.
Mainly adding non-editable text selection.

Comment 23

[Stephany Wilkes]

Team, can you confirm that the initial selection and handles also work right to left? For example: if I tap on a letter, can I then select more text by dragging left (i.e. from the right)? The spec implies this should be possible but I want to confirm this will actually work for 2.1 planning. Thanks!

Comment 24

[Omega Feng [:Omega] [:馮於懋]]

@Stephany, do you mean p.5 Single Handle in the spec?

@Bruce & CJ, can we do this in 2.1?

Comment 25

[howie [:howie]]

Hi Stephany, RTL selection is supported in current implementation, thanks.

Comment 26

[Stephany Wilkes]

Resolving as fixed based on comment #25. Thank you, Howie! It looked good on 2.0 but I wanted to check.

Comment 27

[u459114]

Clear ni since Howie had given answer.

Comment 28

[howie [:howie]]

Two dependent bugs are still in progress, reopen this bug.

Comment 29

[Carol Huang [:Carol]]

Attachment: Text_Selection_Visual Spec_0805.zip

Update text selection Visual spec
As offline discussion with George & Omega.
Spec Changed:
1. dialog box-shadow:0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.4)
2. divider color: #596466

thanks!

Comment 30

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Text Selection and Clipboard_v1.1.pdf

Updated UX spec.
Adding handle tilt rules.

Comment 31

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.1 UX Spec_Text Selection and Clipboard_v1.2.pdf

Updated UX spec.
Removing 2 or more rows rule for handle tilt
Adding cases: scrolling, overscrolling, zooming, orientation changing, and scrolling iFrame

Comment 32

[James]

Hi .. will this also work in content editable text sections? Many forums and other web sites and increasingly apps rely on rich text and thats provided via content editable, vs just the plain text you get in text area so if this bug is being fixed will it also work in these for rich text?

Comment 33

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

(In reply to James from comment #32)
> Hi .. will this also work in content editable text sections? Many forums and
> other web sites and increasingly apps rely on rich text and thats provided
> via content editable, vs just the plain text you get in text area so if this
> bug is being fixed will it also work in these for rich text?

Yes. It will work in both plain text and rich text.

Comment 34

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.2 UX Spec_Text Selection_v1.3.pdf

Update UX spec for 2.2.

Comment 35

[howie [:howie]]

this is not related to RTL but it's 2.2 feature

Comment 36

[Omega Feng [:Omega] [:馮於懋]]

Attachment: FxOS 2.2 UX Spec_Text Selection_v1.4.pdf

UX spec update
Password Input: Allow only "Select All" and "Paste" in password input

Comment 37

[Julien Wajsberg [:julienw]]

Hi,

Here is a simple feedback about the new cut/paste behavior.

I see from the spec in attachment 8548759 [details] that there is a behavior difference depending on when the user copied text (before/after 15 sec). As a user I find this confusing, and I'd rather always see the "paste" button.

However I understand this can be painful to always see this button so maybe we miss a second button to clear the clipboard.

NI UX about this feedback.

Comment 38

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

> However I understand this can be painful to always see this button so maybe
> we miss a second button to clear the clipboard.

Or a button to dismiss the copy & paste menu buttons?

NI UX for comment #37

Comment 39

[Tori Chen [:tori]]

(In reply to Julien Wajsberg [:julienw] from comment #37)
> Hi,
> Here is a simple feedback about the new cut/paste behavior.

> I see from the spec in attachment 8548759 [details] that there is a behavior
> difference depending on when the user copied text (before/after 15 sec). As
> a user I find this confusing, and I'd rather always see the "paste" button.

Normally users need to "long press" to activate text selection. However, since copy usually followed by paste immediately(the intention is clear), we let users to paste text by single click in 15 seconds. 
If it exceeds 15 seconds, users would need to long press to activate text selection and paste the text. The reason is that after a period, it is more possible that they already forget the copied text and only want to switch the cursor by single click.

You can also find similar flow on Android. 

> However I understand this can be painful to always see this button so maybe
> we miss a second button to clear the clipboard.

I think it is complex to users, since we don't clear copied text on laptop or smartphones.

Comment 40

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

Attachment: FxOS 2.2 UX Spec_Text Selection_v1.6.pdf

Attach the latest spec from bug 1217757.

Comment 41

[Ting-Yu Lin [:TYLin] (PDT, UTC-7)]

Attachment: FxOS 2.2 UX Spec_Text Selection_v1.7.pdf

Attach the latest spec from bug 1263578.