Right arrow button is not hidden when there is no more tabs hidden on the right.

[lillith93]

Description

When paper-tabs are used with arrow buttons like in demo case:

"The scrollable attribute causes the tabs to scroll, rather than compress when there is not enough space. Arrow buttons appear when any of the tabs are not completely visible."

the arrow on the right (that indicates more tabs to the right) is not hidden when the last tab is loaded in the view, resulting in an inconsistent behavior between the left and the right navigation arrows.

Also, the user can get confused as the right arrow is there and not even disabled but upon click will load no more tabs.

Expected outcome

The right arrow should be hidden in case the last tab is in view.

Actual outcome

The right arrow is visible when the last tab is in view.

Live Demo

Steps to reproduce

1. Open Demo for paper-tabs. Preferable with a browser version that still supports HTML import or local build.
2. Go to the 5th example: The scrollable attribute causes the tabs to scroll, rather than compress, when there is not enough space. Arrow buttons appear when any of the tabs are not completely visible.
3. Click the right arrow until the last tab is in view
4. Check the right arrow (is still visible when it should be hidden)

Browsers Affected

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