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.
Description
button
elements trigger a click event when focused and the user presses space or enter.paper-icon-button
emulates this behavior. On a defaultbutton
, one can attachto 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 onpaper-icon-button
, presses enter or space, button does not trigger.Actual outcome
Given default is prevented on keydown on
paper-icon-button
. User focuses onpaper-icon-button
, presses enter space, button does trigger.