Cannot Tap Submit Button?
You're tapping the submit button on mobile but nothing happens. The button doesn't respond to your touch.
Find Out What's Wrong in 60 Seconds
Our free scan loads your site in a real browser and checks for this exact issue.
Few things are more frustrating than a button that won't respond to taps. You see it, you tap it, nothing happens. You try tapping harder, tapping different spots, tapping repeatedly—still nothing.
This is a mobile-specific nightmare. The same button might work perfectly with a mouse click on desktop. But on a touchscreen, it simply doesn't register taps.
The cause could be touch target size, overlapping elements, JavaScript issues, or mobile-specific bugs. Whatever the cause, it's a complete conversion blocker for every mobile visitor.
Common Symptoms
- • Tapping submit button has no effect
- • Button doesn't show tap feedback (no press state)
- • Tapping seems to hit something else
- • Button works with mouse but not touch
- • Have to tap multiple times to get a response
- • Tapping works sometimes but not consistently
Why This Happens
1. Touch Target Too Small
If the button's tap target is too small (under 44x44 pixels), your finger might be missing it or hitting the edge ineffectively.
2. Invisible Element Blocking Taps
An invisible overlay, a cookie banner's transparent backdrop, or an absolutely positioned element might be intercepting taps before they reach the button.
3. Touch Event Not Handled
The button might only have mouse event listeners (click, mousedown) without touch event support. Mobile browsers usually translate touches to clicks, but this can fail.
4. Button Disabled or Unresponsive
JavaScript might be disabling the button or preventing default touch behavior. The button looks normal but isn't actually accepting input.
5. Z-Index or Stacking Issue
Another element might be positioned above the button due to z-index values, intercepting all taps intended for the button below.
Quick Diagnostic Checklist
Try these steps to narrow down the problem:
-
1
Try tapping different parts of the button
Tap corners, edges, and center. If some spots work, the tap target is misaligned.
-
2
Check for overlay elements
Use DevTools to look for elements positioned over the button area.
-
3
Verify button dimensions
Check that the button is at least 44x44 pixels to ensure adequate touch target.
-
4
Check for disabled state
Inspect the button for disabled attribute or pointer-events: none CSS.
-
5
Test on different devices
Try iOS and Android devices to see if the issue is platform-specific.
-
6
Check console for touch event errors
Look for JavaScript errors that might be preventing touch handling.
When to Stop Debugging Manually
Touch issues are hard to debug remotely:
- — Desktop doesn't properly simulate touch events
- — Touch behavior varies by device and browser
- — Overlay issues are invisible without inspection
- — Touch targets don't always match visible boundaries
Real device testing is essential for diagnosing touch problems.
How QuietLoss Detects This Problem
QuietLoss checks your button accessibility on mobile viewports. We verify touch target sizes, detect overlapping elements, and identify issues that prevent buttons from being tappable.
Don't Lose Another Lead
Our free scan will tell you if your site has issues that could be costing you customers. No login required. No credit card. Just answers.
Run Free ScanWant to Understand the Technical Details?
Learn exactly what our scanner checks and how it detects problems that are invisible to most website owners.
See how QuietLoss works