From bc310888ef68faf685e0f0c3ac05827381d5ddcd Mon Sep 17 00:00:00 2001
From: Lone Iversen <108085781+loivsen@users.noreply.github.com>
Date: Mon, 17 Jun 2024 11:42:40 +0200
Subject: [PATCH] fix: Hide the native input for boolean elements in firefox
 (#808)

* Hides the boolean input for firefox

* opacity
---
 packages/uui-boolean-input/lib/uui-boolean-input.element.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
index 80e5124e4..4d14dec64 100644
--- a/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
+++ b/packages/uui-boolean-input/lib/uui-boolean-input.element.ts
@@ -193,6 +193,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
       }
 
       label {
+        position: relative;
         cursor: pointer;
         user-select: none;
 
@@ -207,7 +208,7 @@ export abstract class UUIBooleanInputElement extends UUIFormControlMixin(
         position: absolute;
         height: 0px;
         width: 0px;
-        margin-top: -4px;
+        opacity: 0;
       }
 
       :host([label-position='left']) label {