;(function(){ function onHover(e) { var target = e.target; var stars = target.getElementsByClassName('widget-lite__rating-stars')[0]; var position = stars.getBoundingClientRect(); var scoreEl = target.getElementsByClassName('widget-lite__score')[0]; var portal = document.getElementById('widget-lite-portal'); if (!portal) { portal = document.createElement("DIV"); portal.id = 'widget-lite-portal'; document.body.appendChild(portal); } if (scoreEl) { // this workaround is done for specific themes(widget lite score alignment) var moveLeft = 0; var moveDown = 0; portal.innerHTML = scoreEl.outerHTML; portal.style.left = position.right + moveLeft + 'px'; portal.style.top = position.top + moveDown + 'px'; portal.style.position = 'fixed'; } } function onBlur(e) { var portal = document.getElementById('widget-lite-portal'); if (portal) portal.remove(); } Array.from(document.getElementsByTagName('wiremo-widget-lite')) .forEach(el => { el.addEventListener('mouseenter', onHover); el.addEventListener('mouseleave', onBlur); }); })();