🐞[Bug]: Contact Form Placeholder Text

[Nikhiljangra04]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

In the contact section on the main page of the website, there are input fields for "Name", "Email", "subject" and "Message". Each of these fields has placeholder text (e.g., "Your Name"). However, there are two problems with the current functionality :

Placeholder Text Visibility: When a user clicks or tabs into the field, the placeholder text does not disappear. This makes it difficult for users to see what they are typing.
Text Visibility While Typing: While typing in the input fields, the entered text is not visible until the cursor is moved away from the field. This makes it challenging for users to know if they have entered the correct information

Expected behavior

The placeholder text should disappear when the input field is focused and the entered text should be visible while typing in the input field making it suitable for the user to see what they are typing.

Add ScreenShots

What browsers are you seeing the problem on?

Chrome

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I have starred the repository

[github-actions]

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[minakshikr7]

I would like to work on this issue. Please assign this task to me under @GSSoC24