Select popup should close when the target is clicked.

Question

Select popup should close when the target is clicked.

Opened this issue 2 months ago · 1 comments

mannycarrera4 commented 2 months ago

🐛 Bug Report

Current behavior is the popup reopens when the input is clicked and the popup is already open.

To Reproduce

Steps to reproduce the behavior:

Expected Behavior

Popup should close when it is open and the target (input) is clicked.
This change can probably be fixed in combobox since that seems to be the behavior for all combobox components.

Answer 1 · 2024-05-23T17:11:14.000Z

This issue is unique to Select and not all comboboxes.

There's 2 input elements that make up the Select.Input. One is for the server via forms and FormData and the other is for the user. The server input element is the one the ref is forwarded to. So when the popup is registered, the server input is considered the "owner".

But when you mouse down on the input, you're interacting with the user one. When the PopupStack checks PopupStack.contains(), it thinks the element is not part of the popup and closes it.