fix(ui-library): leftclick and browser focus style reset (#638)

deven-org · Nov 22, 2023 · 3c8143d · 3c8143d
1 parent cee87d0
commit 3c8143d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/ui-library/src/components/forms/checkbox/index.css.ts b/packages/ui-library/src/components/forms/checkbox/index.css.ts
@@ -10,9 +10,9 @@ export const { tokenizedLight: styleCustomLight, tokenizedDark: styleCustomDark
 
     return typeSafeNestedCss/* css */ `
       .blr-checkbox {
+        all: initial;
         display: flex;
 
-
         .input-control {
           all: initial;
           position: absolute;

diff --git a/packages/ui-library/src/components/forms/checkbox/index.ts b/packages/ui-library/src/components/forms/checkbox/index.ts
@@ -164,7 +164,11 @@ export class BlrCheckbox extends LitElement {
           class="${classes}"
           @mouseenter=${this.handleEnter}
           @mouseleave=${this.handleLeave}
-          @mousedown=${this.handlePress}
+          @mousedown=${(event: MouseEvent) => {
+            if (event.which === 1) {
+              this.handlePress();
+            }
+          }}
           @mouseup=${this.handleRelease}
           @touchstart=${this.handlePress}
           @touchend=${this.handleRelease}