Skip to content

Checkboxes should not keep focus on touch screen (7.0.0 regression) #13675

Closed
@nicolashenry

Description

@nicolashenry

Bug, feature request, or proposal:

I don't understand why the checkboxes are focused when touched and I don't think that it should like in 6.x.x version.
The issue is similar to this one which have been fixed for tabs.

What is the expected behavior?

To not keep focus on checkboxes like on desktop browsers:
web

What is the current behavior?

The focus is kept when checkboxes are touched:
mobile

What are the steps to reproduce?

Try yourself here : https://material.angular.io/components/checkbox/overview

What is the use-case or motivation for changing an existing behavior?

Mobile UI should probably not have focus status since there is not keyboard navigation.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 7.0.0
Angular Material 7.0.0
Android (Chrome), Windows (Chrome with touch screen simulation)
Typescript 3.1.3
Chrome

Is there anything else we should know?

Radio buttons seems to have a similar problem but maybe this PR already fix it ?

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions