🐞[bug]: Icon Overlap and Alphabet Input Allowed in Phone Number Field #82
Assignees
Labels
Comments
|
Hi there! Thanks for opening this issue @rahulgithub-web!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible. |
|
@pand-coder @rees8 @amankumarcu @archanasingh11. Please assign this task to me |
7 tasks
|
@archanasingh11 @pand-coder @rees8 @amankumarcu @Anjaliavv51 |
I am only the maintainer here. |
|
@Anjaliavv51 I understand, thank you for the clarification and your time. I appreciate your assistance and will await any further steps. |
Anjaliavv51
added a commit
that referenced
this issue
Oct 2, 2024
) ### [bug]: Icon Overlap and Alphabet Input Allowed in Phone Number Field ## Description This pull request fixes the following issues: 1. **Icon overlap**: The input text was overlapping with the icons in the email, phone number, and name fields. Padding has been adjusted to ensure proper alignment between the icons and the input text. 2. **Alphabet input in the phone number field**: The phone number field was previously accepting alphabetic characters. The input type has been changed to `tel`, and a validation pattern has been added to restrict input to only numeric characters. ## Related Issues - Closes #82 ## Type of PR - [X] Bugfix ## Screenshots / Videos (if applicable) *Before Fix:*  *After Fix:*  ## Checklist - [X] I have gone through the [contributing guide](https://github.com/Anjaliavv51/Retro) - [X] I have updated my branch and synced it with the project `main` branch before making this PR. - [X] I have performed a self-review of my code. - [X] I have tested the changes thoroughly before submitting this pull request. - [X] I have provided relevant issue numbers, screenshots, and videos after making the changes. - [X] I have commented my code, particularly in hard-to-understand areas. ## Additional Context: None
2004shweta
pushed a commit
to 2004shweta/Retro
that referenced
this issue
Oct 15, 2024
Issue Anjaliavv51#82 Services Available Section Improvised
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Is there an existing issue for this?
Describe the bug
When using the contact form, there are two issues:
The phone number field allows users to enter alphabets instead of restricting the input to only numbers.
When typing into any of the form fields, the input text overlaps with the icons placed inside the fields, causing usability issues.
Expected behavior
Phone Number Field: The phone number field should restrict input to only numeric values, preventing users from entering alphabets or special characters.
Icon Alignment: When a user clicks on a form field and begins typing, the text should not overlap the icon. The text input should start after the icon, keeping the icon properly aligned and separate from the input text.
Add ScreenShots
Current behavior (Icon Overlap):
> The input text overlaps with the icon in the email and phone fields.
Phone Number Issue:
Alphabets are allowed in the phone number field.
What browsers are you seeing the problem on?
Chrome
Record
The text was updated successfully, but these errors were encountered: