fix: Dropdown not closing when clicking outside and obstructing 'Create' button in Direct Message modal (#35375)

[schourasia750]

Closes #35375
Type: Bug

Description

This pull request fixes the issue where the dropdown in the 'Create Direct Message' modal does not close when clicking outside, and when there are many suggested users, it obstructs the 'Create' button.

Changes Made

• Implemented click-outside detection: The dropdown now closes when the user clicks outside of it.
• Added drop-up functionality: The dropdown opens upwards when there is insufficient space below, preventing it from covering the 'Create' button.
• Ensured full-width input box: The user input field now maintains full width for better usability.

Testing

• Manually tested the dropdown behavior in the 'Create Direct Message' modal.
• Confirmed that clicking outside the dropdown closes it.
• Verified that the dropdown adjusts its position based on available space (drop-up functionality).
• Ensured that selecting and removing users works as expected.
• Checked that the input box stretches to fill the available space.

Before

Watch the video preview: Google Drive Video

After

Watch the video preview: Google Drive Video

[dionisio-bot]

Looks like this PR is not ready to merge, because of the following issues:

• This PR is missing the 'stat: QA assured' label
• This PR is missing the required milestone or project

Please fix the issues and try again

If you have any trouble, please check the PR guidelines

[changeset-bot]

⚠️ No Changeset found

Latest commit: 843d761

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[CLAassistant]

All committers have signed the CLA.

[schourasia750]

@ggazzo Could you please assign the appropriate labels and milestone to this PR? Thanks!