[@mantine/core] PasswordInput: Fix cursor shifting when the visibilit…

…y button is clicked on touch devices (#6971)
mantinedev · Oct 16, 2024 · eb05983 · eb05983
1 parent 819ab44
commit eb05983
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/@mantine/core/src/components/PasswordInput/PasswordInput.tsx b/packages/@mantine/core/src/components/PasswordInput/PasswordInput.tsx
@@ -155,6 +155,11 @@ export const PasswordInput = factory<PasswordInputFactory>((_props, ref) => {
       variant="subtle"
       color="gray"
       unstyled={unstyled}
+      onTouchEnd={(event) => {
+        event.preventDefault();
+        visibilityToggleButtonProps?.onTouchEnd?.(event);
+        toggleVisibility();
+      }}
       onMouseDown={(event) => {
         event.preventDefault();
         visibilityToggleButtonProps?.onMouseDown?.(event);