feat: remove cursor color transparency

formwerkjs · Mar 9, 2025 · 3f5af1c · 3f5af1c
1 parent e7519af
commit 3f5af1c
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/packages/core/src/useOtpField/useOtpSlot.ts b/packages/core/src/useOtpField/useOtpSlot.ts
@@ -144,9 +144,6 @@ export function useOtpSlot(_props: Reactivify<OtpSlotProps>) {
       // TODO: Should be either done or next depending on if it's the last slot
       enterkeyhint: 'next',
       ...handlers,
-      style: {
-        caretColor: 'transparent',
-      },
     };
 
     if (toValue(props.accept) === 'numeric') {

diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
@@ -9,7 +9,7 @@ function onCompleted(value: string) {
 </script>
 
 <template>
-  <OtpField name="otp" label="OTP" :length="6" prefix="G-" masked @completed="onCompleted" />
+  <OtpField name="otp" label="OTP" accept="numeric" :length="4" prefix="G-" masked @completed="onCompleted" />
 
   <div class="flex w-full">
     <button @click="form.setValue('otp', 'G-4321')">Set OTP</button>