From 79c4132df98eceae5dab9d0d8d78309c678a9e55 Mon Sep 17 00:00:00 2001 From: Sebastian Malton Date: Wed, 3 Nov 2021 10:10:07 -0400 Subject: [PATCH] Reduce selection on triple click in Drawers (#4201) --- src/renderer/components/drawer/drawer.tsx | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/renderer/components/drawer/drawer.tsx b/src/renderer/components/drawer/drawer.tsx index 2ac846c0f2..2e2a5fffc7 100644 --- a/src/renderer/components/drawer/drawer.tsx +++ b/src/renderer/components/drawer/drawer.tsx @@ -75,15 +75,26 @@ export class Drawer extends React.Component { window.addEventListener("mousedown", this.onMouseDown); window.addEventListener("click", this.onClickOutside); window.addEventListener("keydown", this.onEscapeKey); + window.addEventListener("click", this.fixUpTripleClick); } componentWillUnmount() { this.stopListenLocation(); window.removeEventListener("mousedown", this.onMouseDown); window.removeEventListener("click", this.onClickOutside); + window.removeEventListener("click", this.fixUpTripleClick); window.removeEventListener("keydown", this.onEscapeKey); } + fixUpTripleClick = (ev: MouseEvent) => { + // detail: A count of consecutive clicks that happened in a short amount of time + if (ev.detail === 3) { + const selection = window.getSelection(); + + selection.selectAllChildren(selection.anchorNode?.parentNode); + } + }; + saveScrollPos = () => { if (!this.scrollElem) return; const key = history.location.key;