UI Issue in Email Input Section of Compose Mail Box

[ashishkumar-webkul]

Bug Report

Title

UI Issue in Email Input Section of Compose Mail Box

Description

In the Compose Mail box, the email input section has limited space. When entering an email address, the text is not clearly visible, causing usability issues. Additionally, the placeholder text overlaps with the entered text, creating a UI issue.

Steps to Reproduce

1. Navigate to the Compose Mail box.
2. Add a recipient's email address in the email input section.
3. Observe the limited space and the overlapping placeholder text.

Expected Result

• The email input section should have sufficient space to display the entered text clearly.
• Placeholder text should disappear or not overlap with entered text.

Actual Result

• The text is not fully visible when entering an email address due to space constraints.
• Placeholder text overlaps with the entered email, causing UI issues.
• This can be seen in leads section, Mails section.

Suggested Solution

• Increase the width or height of the email input section to provide sufficient space for text visibility.
• Adjust the behavior of the placeholder text to ensure it disappears when the user begins typing.

Priority

Medium

Attachments

UI.issue.and.spacing.issue.mp4