nextui icon indicating copy to clipboard operation
nextui copied to clipboard

[BUG] - NextUI Input Field Value Disappears on Mouse Hover When Using React Hook Form

Open iGmainC opened this issue 6 months ago • 1 comments

NextUI Version

2.4.6

Describe the bug

When using NextUI's Input component with React Hook Form, the input field value disappears upon mouse hover after setting the value programmatically with setValue.

Your Example Website or App

https://github.com/iGmainC/nextui-bug

Steps to Reproduce the Bug or Issue

Create a React component using Next.js, NextUI, and React Hook Form. Set up a simple form with two input fields: name and password. Add a button that, when clicked, sets the name field value to "root" using React Hook Form's setValue method. Hover over the input field after clicking the button.

Expected behavior

The input field should retain the value "root" when hovering over it.

Screenshots or Videos

https://github.com/user-attachments/assets/494bc916-c69c-4a07-bcb9-71e8fa314449

Operating System Version

linux

Browser

Chrome

iGmainC avatar Aug 23 '24 07:08 iGmainC