Sha256: 4b4f90179e2986cf87d62d4616c23723cb1fa7e793a64be01af95bf554247eea
Contents?: true
Size: 1.98 KB
Versions: 18
Compression:
Stored size: 1.98 KB
Contents
export let visibilityObserverMixin = Base => class extends Base {
recalcWhenVisible(vComponent) {
vComponent.hidden_on_create = vComponent.element.offsetParent === null;
if (vComponent.hidden_on_create) {
// If the component is hidden in DOM for any number of reasons (parent is hidden) then the
// Text Field may no render correctly. In this case we observe the DOM watching for a point at which the
// element become visible in the DOM and at that point using the MDCComponent to properly re-render that
// element
vComponent.mutationObserver = new MutationObserver(
function(mutations) {
if (this.vComponent.hidden_on_create) {
if (this.vComponent.element.offsetParent !== null) {
// Parent is now visible. Re-run the MDC layout and disconnect from the observer
this.vComponent.hidden_on_create = false;
this.vComponent.mdcComponent.layout();
// I changed this to addtionally force a resize event on the element after mdcComponent.layout();
// method. In some scenarios with the MDCSlider going from hidden to visible calling layout
// didn't work. Firing the 'resize' event did.
var event = document.createEvent('HTMLEvents');
event.initEvent('resize', true, false);
this.vComponent.element.dispatchEvent(event);
this.disconnect();
}
}
});
vComponent.mutationObserver.vComponent = vComponent;
vComponent.mutationObserver.observe(vComponent.root.documentElement || vComponent.root.host,
{
attributes: true,
subtree: true,
});
}
}
};
Version data entries
18 entries across 18 versions & 2 rubygems