Skip to content

Focus on checkbox not working using keyboard navigation #2520

Closed
@arthurvieiras

Description

@arthurvieiras

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When a checkbox is selected it should display a rounded shadow around the component.

See
https://material.io/guidelines/components/selection-controls.html#selection-controls-radio-button
https://material.angularjs.org/latest/demo/checkbox

What is the current behavior?

When you select it by clicking it, it works fine, but when navigating using Tab (keyboard navigation) it doesn't show any sign of being fucused.

What are the steps to reproduce?

Just navigate using Tab between the two checkbox provided below
http://plnkr.co/edit/fruZ4obuY9GzVuYDEKQG

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions