Skip to content

UI Button Not Responding on Mobile Devices #794

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.

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

Open
moegraphics-lab opened this issue Apr 9, 2025 · 0 comments
Open

UI Button Not Responding on Mobile Devices #794

moegraphics-lab opened this issue Apr 9, 2025 · 0 comments

Comments

@moegraphics-lab
Copy link

The submit button on the "Contact Us" page of the website isn't responding when clicked on mobile devices. However, it works fine on desktop browsers. This seems to be related to the touch event not being recognized properly on smaller screens.

Steps to Reproduce:

  1. Open the website on a mobile device (iOS or Android).
  2. Navigate to the "Contact Us" page.
  3. Try clicking the "Submit" button at the bottom of the page.
  4. Observe that nothing happens when the button is clicked.

Expected Behavior:
The button should be clickable and submit the form when pressed on mobile devices, just like it does on desktops.

Actual Behavior:
The button does not respond to touch events on mobile devices, and the form is not submitted.

Environment:

  • Device: iPhone 12, Google Pixel 4
  • OS Version: iOS 14.4, Android 11
  • Browser: Safari (iOS), Chrome (Android)
  • App Version: v1.2.3

Screenshots:
If applicable, attach screenshots or screen recordings showing the issue.

*Additional Information:*This issue started appearing after the last update (v1.2.2). It might be related to the new JavaScript updates that were made to handle button clicks.

Suggested Fix:
Check the click event listeners for mobile compatibility. Ensure that the touch events are properly handled, and test with different screen sizes to make sure the issue is resolved.

Key Elements:

  1. Title: Describes the issue clearly.
  2. Description: Summarizes the problem.
  3. Steps to Reproduce: Detailed steps for someone to reproduce the problem.
  4. Expected vs Actual Behavior: What you expect to happen versus what actually happens.
  5. Environment: Specific details about the device, OS, and browser.
  6. Screenshots/Screen Recording: Visual evidence if possible.
  7. Additional Information: Any other relevant context that could help the developer.
  8. Suggested Fix: If you have an idea about the cause, suggesting a fix or investigation path can be helpful.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant