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.

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

fix(button): improved tap responsiveness on mobile #1792

Merged
merged 2 commits into from
Nov 11, 2016

Conversation

crisbeto
Copy link
Member

@crisbeto crisbeto commented Nov 9, 2016

Improves the tap responsiveness of buttons on mobile by replacing the ::after overlay with a DOM node that prevents the default touch action.
Previously, the ::after overlay would capture the first tap, causing the button to have to tapped twice in order to fire it's click handler.

Fixes #1316.

Improves the tap responsiveness of buttons on mobile by replacing the `::after` overlay with a DOM node that prevents the default touch action.
Previously, the `::after` overlay would capture the first tap, causing the button to have to tapped twice in order to fire it's click handler.

Fixes angular#1316.
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Nov 9, 2016
@crisbeto
Copy link
Member Author

Renamed the overlay class and added a comment about the touchstart handler.

@jelbourn
Copy link
Member

LGTM

@jelbourn jelbourn added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review labels Nov 11, 2016
@jelbourn jelbourn merged commit 4183fbc into angular:master Nov 11, 2016
@sunshineo
Copy link

Which version will this fix be in?

@qdouble
Copy link

qdouble commented Nov 15, 2016

@jelbourn can you put this in a 10-1 release soon? Currently, you'd have to monkey-patch the old workaround on every component to get it to work properly on IOS.

@sunshineo
Copy link

Is this really out?

@crisbeto
Copy link
Member Author

It should be in alpha.11.

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Buttons need to be tapped twice in order to fire the click event (iOS)
6 participants