"Create Direct Message" modal does not close when clicking outside and obstructs "Create" button

When using the "Create Direct Message" modal, the dropdown for selecting users does not close when clicking outside of it. Additionally, if there are many suggested users, the dropdown obstructs the "Create" button, making it difficult to proceed. The dropdown does not adjust its position (dropup) when there's insufficient space below.

Steps to Reproduce

Go to the "Direct Messages" section in Rocket.Chat.

Click on the "pencil" icon to create a new direct message.

Click on the user selection input field to open the dropdown.

Attempt to click outside the dropdown.

Expected Behavior

Clicking outside the dropdown should close it.

The dropdown should adjust its position (dropup) when there's not enough space below, ensuring it doesn't obstruct the "Create" button.

Before

Watch the video preview: Google Drive Video

After

Watch the video preview: Google Drive Video

Start in Rocket.Chat's Direct Messages section and reproduce the issue by opening the "Create Direct Message" modal and its user-selection dropdown. Check the dropdown's outside-click behavior and its placement when space below is limited. Done means it closes when clicking outside and moves above the input without obstructing the "Create" button.