Skip to content

bug(radio, checkbox, button): very ugly focus bug on touch devices #26068

Closed
@RobinKamps

Description

@RobinKamps

Is this a regression?

  • Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

14

Description

new mdc components behave very ugly on touch devices (android and win tested).
the underlying new 48x48px touch target is highlighted with a grey box on click.
labels are also highlightet with a grey box.

Reproduction

Steps to reproduce:
go to https://material.angular.io/components/tree/examples with a touch device (android/win) and touch the elements of the checkbox tree

Expected Behavior

no focus selection boxes on touch

Actual Behavior

focus selection boxes appear on touch

Environment

  • Angular: 15
  • CDK/Material: 15
  • Browser(s): chrome
  • Operating System (e.g. Windows, macOS, Ubuntu): Android, Win

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