1092967 - Gallery app to follow text selection pattern

Status: RESOLVED FIXED

(Firefox OS Graveyard :: Gaia::Gallery, defect)

Description

[howie [:howie]]

Attachment: FxOS 2.2 Text Selection Guidelines 03.pdf

* Input fields (input areas, input dialogs and search fields) are the only Building Blocks with selectable text. 

* HTML elements like buttons or links, or events like ontouchstart or onclick, should trigger the action when tapped rather than triggering text selection.

Comment 1

[howie [:howie]]

The Gecko work is close to completion, the remaining part is to fix test case failures then pref it on in m-c bug 1092888. After the bug landed, text selection and cut/copy/paste can be triggered in apps on both editable and non-editable elements.

Gaia per app work in v2.2 is to follow UX guideline and leverage CSS -moz-user-select https://developer.mozilla.org/en-US/docs/Web/CSS/user-select to make certain elements non-selectable.

Before Gecko is pref on in m-c, Gaia can manually switch it on by the following two pref to test in advance:
pref("selectioncaret.enabled", on);
pref("selectioncaret.noneditable", on);

Comment 2

[howie [:howie]]

This is a 2.2 feature.

Comment 3

[Punam Dahiya [:pdahiya]]

Taking the bug to implement text selection as per attached guidelines for gallery app.

Comment 4

[Punam Dahiya [:pdahiya]]

Attachment: Patch with fix of Bug 1092967

Hi David
As per attached text selection guidelines, submitting patch so that gallery app by default should not have any selectable text. Please review. Thanks!

Comment 5

[David Flanagan [:djf]]

Comment on attachment 8535797 [details] [review]
Patch with fix of Bug 1092967

r+, but talk to Russ before landing. In his bug for the video app, he's putting -moz-user-select:none on each absolutely positioned element rather than using the * wildcard. I'm okay with both approaches, but the two of you might want to consider using the same approach in both apps.

I updated https://developer.mozilla.org/en-US/docs/Web/CSS/user-select to point out that this property is not inherited by absolutely positioned elements in Firefox.

Comment 6

[Punam Dahiya [:pdahiya]]

Synched up with Russ to go ahead with approach used in attached PR for both gallery and video app. Patch landed on master.

https://github.com/mozilla-b2g/gaia/commit/8ffb48c321bb9595ad437086c5eb450bc90aa714