open-consul/ui-v2/tests/unit
John Cowen 466c3c6899 ui: Allow text selection of clickable elements and their contents (#5770)
* ui: Allow text selection of clickable elements and their contents

This commit disables a click on mousedown be removing the `href`
attribute and moving it to a `data-href` attribute. On mouseup it will
only move it back if there is no selection. This means that an anchor
will only be followed on click _if_ there is no selection.

This fixes the fact that whenever you select some copy within a
clickable element it immediately throws you into the linked page when
you release your mouse.

Further notes:

We use the `isCollapsed` property here which 'seems' to be classed as
'experimental' in one place where I researched it:

https://developer.mozilla.org/en-US/docs/Web/API/Selection/isCollapsed

Although in others it makes no mention of this 'experimental' e.g:

- https://webplatform.github.io/docs/dom/Selection/isCollapsed/
- https://w3c.github.io/selection-api/#dom-selection-iscollapsed

I may have gone a little overboard in feature detection for this, but I
conscious of that fact that if `isCollapsed` doesn't exist at some point
in the future (something that seems unlikely). The code here will have
no effect on the UI. But I'd specifically like a second pair of eyes on
that.

* ui: Don't break right click, detects a secondary click on mousedown

* ui: Put anchor selection capability behind an ENV var
2019-09-04 08:34:58 +00:00
..
adapters UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
controllers ui: Adds tick whilst editing the link template in the Settings area (#5820) 2019-05-17 12:33:12 +01:00
helpers UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
mixins UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
models UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
routes ui: dashboard links (#5704) 2019-05-01 18:22:38 +00:00
search/filters ui: Adds ability to search by policy, role or service ident names (#5811) 2019-06-05 09:25:32 +01:00
serializers UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
services ui: Implements a testable clipboard {{copy-button}} (#5967) 2019-06-21 11:42:40 +01:00
utils ui: Allow text selection of clickable elements and their contents (#5770) 2019-09-04 08:34:58 +00:00