From c6de5c98aecdcc28376a8f2f19c95012cc83df1c Mon Sep 17 00:00:00 2001 From: Justin K <78659866+Aerosphia@users.noreply.github.com> Date: Sun, 13 Mar 2022 15:26:44 -0700 Subject: [PATCH] Unfocus when mouse moves >5px (#2703) * Update focus.ts * Update focus.ts * lowered threshold to be slightly more responsive Co-authored-by: Miodec --- frontend/src/scripts/test/focus.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/scripts/test/focus.ts b/frontend/src/scripts/test/focus.ts index 2d34e247c..dfb880c90 100644 --- a/frontend/src/scripts/test/focus.ts +++ b/frontend/src/scripts/test/focus.ts @@ -1,6 +1,7 @@ import * as Caret from "./caret"; import * as ActivePage from "../states/active-page"; +const unfocusPx = 3; let state = false; export function set(foc: boolean, withCursor = false): void { @@ -28,7 +29,9 @@ $(document).mousemove(function (event) { if ( $("#top").hasClass("focus") && event.originalEvent && - (event.originalEvent.movementX > 0 || event.originalEvent.movementY > 0) + // To avoid mouse/desk vibration from creating a flashy effect, we'll unfocus @ >5px instead of >0px + (event.originalEvent.movementX > unfocusPx || + event.originalEvent.movementY > unfocusPx) ) { set(false); }