PolymerElements / paper-icon-button

A Material Design icon button
https://www.webcomponents.org/element/PolymerElements/paper-icon-button
42 stars 44 forks source link

paper-icon-button does not respect event.preventDefault() on keydown #128

Open justinlovinger opened 6 years ago

justinlovinger commented 6 years ago

Description

button elements trigger a click event when focused and the user presses space or enter. paper-icon-button emulates this behavior. On a default button, one can attach

buttonElement.addEventListener('keydown', function (event) {
    event.preventDefault();
    return false;
});

to prevent triggering a click event on space or enter. However, this does not work with paper-icon-button.

Expected outcome

Given default is prevented on keydown on paper-icon-button. User focuses on paper-icon-button, presses enter or space, button does not trigger.

Actual outcome

Given default is prevented on keydown on paper-icon-button. User focuses on paper-icon-button, presses enter space, button does trigger.