the position is not good when the tooltip is in an animatedpage

[googlearchive]

the position is not good when the tooltip is in an animatedpage

[ebidel]

The problem stems from how core-animated-pages hides its non-selected children with display: none:

::content > *:not(.core-selected):not([animate]) {
display: none !important;
}

which prevents the tooltip from calculating it's .clientWidth and positioning itself correctly. We saw a similar issue with google-map: googlearchive/core-animated-pages#26.

It's not ideal, but one work around is to manually call tooltip.setPosition() when core-animated-pages-transition-end fires:

http://jsbin.com/jeluv/2/edit

Note: core-animated-pages-transition-prepare would be a better time (both the current page and next page are visible then), but there's a bug that janks the page transitions

[mjpaquet]

with a little modif for my custom element it is perfect

var custom = this.shadowRoot.querySelector('section[active]').querySelectorAll('custom-element');
Array.prototype.forEach.call(custom, function(element) {
var tooltips = element.shadowRoot.querySelectorAll('core-tooltip');
Array.prototype.forEach.call(tooltips, function(tip) {
tip.setPosition();
});
});

thx a lot