nextui-org / nextui

🚀 Beautiful, fast and modern React UI library.
https://nextui.org
MIT License
21.8k stars 1.49k forks source link

[BUG] - Popover with form closes when interacting with input fields in mobile #3932

Open pieeee opened 13 hours ago

pieeee commented 13 hours ago

NextUI Version

2.4.8

Describe the bug

Popover with a form closes when interacting with input fields on the form in mobile. If there is more than one input field, interacting with the first one is good. As soon as the other field focuses, the popover closes.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. Add a popover with a form of 2 input fields.
  2. Open the URL on your phone.
  3. Open the popover. Press on the 1st input field and type something.
  4. Now press on the second input field, the popover will be closed.

Expected behavior

The popover should not close while interacting with the input fields in mobile.

Screenshots or Videos

https://github.com/user-attachments/assets/4be3f8b5-3b75-43f4-9cdf-42edce74c0ac

Operating System Version

iOS 18.0

Browser

Chrome

linear[bot] commented 13 hours ago

ENG-1487 [BUG] - Popover with form closes when interacting with input fields in mobile