Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bug: Loading SVG Blocks Input Field Interaction #567

Closed
Allan2000-Git opened this issue Nov 29, 2024 · 3 comments · Fixed by #571
Closed

Bug: Loading SVG Blocks Input Field Interaction #567

Allan2000-Git opened this issue Nov 29, 2024 · 3 comments · Fixed by #571
Assignees
@Allan2000-Git
Labels
difficulty: 2 good first issue Good for newcomers priority: medium scope: platform Everything related to the keyshade platform package type: bug Something isn't working

Comments

@Allan2000-Git
Copy link
Contributor

Describe the bug
When the loading SVG is displayed, it overlaps the input field and prevents users from interacting with the field. This creates a poor user experience, as inputs become inaccessible until the loading state is cleared.

To Reproduce
Steps to reproduce the behavior:

  1. Navigate to the /auth page.
  2. Enter your email and click on Get Started.
  3. Observe that the loading SVG overlaps and blocks the input field.

Expected behavior
The loading SVG should not block interaction with the input field. It should either be positioned elsewhere or not interfere with user actions.

Screenshots
Screenshot (92)

Desktop (please complete the following information):

  • Browser [e.g. Chrome,]

Proposed Solution:
Make the height of the svg to auto
@Allan2000-Git
Copy link
Contributor Author

/attempt

@github-actions GitHub Actions
Copy link

Assigned the issue to @Allan2000-Git!

@rajdip-b
Copy link
Member

rajdip-b commented Dec 1, 2024

Nice catch!

@rajdip-b rajdip-b added type: bug Something isn't working good first issue Good for newcomers scope: platform Everything related to the keyshade platform package priority: medium difficulty: 2 labels Dec 1, 2024
@Allan2000-Git Allan2000-Git mentioned this issue Dec 1, 2024
Merged
9 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Allan2000-Git Allan2000-Git

Labels
difficulty: 2 good first issue Good for newcomers priority: medium scope: platform Everything related to the keyshade platform package type: bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix: resolve loading SVG blocking input field interaction Allan2000-Git/keyshade
2 participants
@Allan2000-Git @rajdip-b