open-consul/ui-v2/app/utils/dom
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
..
event-source UI: ACL Roles (#5635) 2019-05-01 18:22:37 +00:00
event-target UI: Add EventSource ready for implementing blocking queries (#5070) 2019-05-01 18:22:06 +00:00
click-first-anchor.js ui: Allow text selection of clickable elements and their contents (#5770) 2019-09-04 08:34:58 +00:00
closest.js UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
create-listeners.js ui: Expands create-listeners API to allow recursive and functions (#5616) 2019-09-04 08:34:57 +00:00
get-component-factory.js UI: dom usage refactoring (#4924) 2019-05-01 18:21:40 +00:00
normalize-event.js UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
qsa-factory.js UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00
sibling.js UI: New ACLs (#4789) 2018-10-19 08:45:05 -07:00