paper-input with paper-icon-button as a suffix can't loose focus

[jarrodek]

Description

When you have input that contains paper-icon-button as a suffix it is impossible to use tab to move to the button because paper-input gets focus when button is focused.

Example:

<paper-input label="username">
  <paper-icon-button slot="suffix" icon="clear" alt="clear" title="clear"></paper-icon-button>
</paper-input>

Expected outcome

Should be able to move focus from input to paper button.

Actual outcome

Focus going back to the input element instead of button.

Live Demo

Paper input demo page. Section Inputs can have prefixes and suffixes.

Steps to reproduce

1. Append paper-icon-button as a suffix of paper input
2. Focus on input field
3. Use tab key.

Browsers Affected

I am using Ubuntu right now so I can test for chrome and FF only.

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[HJK181]

Any chance this get's fixed?