Using fit-to-visible-bounds causing flickering issue

[ssamajdar]

Description

Tooltip is not properly rendered and adding flickering if using fit-to-visible-bounds in paper-tooltip.

Suppose tooltip position is top but the page is scrolled enough so the element's top space is not available, so fit-to-visible-bounds should place tooltip to the available space (that could be bottom, right, left or an optimum available space), but its trying to position tooltip on same top space only and causing flickering issue.

Live Demo

Steps to reproduce

1. Put a paper-tooltip for an element
2. Set fit-to-visible-bounds and position="top" attributes
3. Run the page and scroll, so that no top space available to show tooltip
4. Tooltip will try to update position continuously, flickring issue can be observed then

<div id="container">
      <span id="testDiv">test</span>
      <paper-tooltip fit-to-visible-bounds for="testDiv" position="top">Test Tooltip</paper-tooltip>
 </div>

Browsers Affected

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