Prevent selection of button components from accidental double-click

Description

Buttons that are clicked multiple times can accidentally be double-clicked, which causes them to be selected. For example, paging buttons in the Angular/React editor.

To reproduce

In the editor, double-click a button.

Actual

The text of the button is selected (highlighted blue).

Expected

Button is clicked twice but not selected.

To fix

This can be prevented with css class user-select:

no-select { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ }

Environment

None

Activity

Show:

Former user 20 April 2018 at 00:23

We are closing all the old issues to have more clarity in our backlog for Zanata project. Feel free to re-open or leave a comment if you require our attention on your Jira.

Former user 3 March 2017 at 12:56

Cannot reproduce issue in react editor. All buttons can only be selected once and are not affected by a double click.

Former user 3 March 2017 at 12:55

Cannot replicate problem in react editor. Closing issue.

Former user 18 August 2016 at 23:52

Makes sense to me. slightly smiling face

Former user 18 August 2016 at 01:55

Not sure what this refers to, but I've reassigned it to to check

Cannot Reproduce

Details

Assignee

Reporter

Labels

Components

Affects versions

Priority

More fields

Created 12 September 2015 at 09:23
Updated 20 April 2018 at 00:26
Resolved 3 March 2017 at 12:56

Flag notifications