import { useEffect } from '@wordpress/element' export const useAnimatedHeight = (preview, blockHeight, ready) => { useEffect(() => { let raf1, raf2 if (!preview.current) return const p = preview.current const iframe = p?.querySelector('iframe[title]') if (!iframe) return const content = iframe.contentWindow.document.body const scale = preview.offsetWidth / 1400 iframe.style.maxHeight = `${blockHeight / scale}px` const handleIn = () => { if (!content?.offsetHeight) return // The live component changes over time so easier to query on demand const height = content.offsetHeight content.style.transitionDuration = Math.max(height * 3, 3000) + 'ms' raf1 = window.requestAnimationFrame(() => { content.style.top = Math.abs(height - blockHeight) * -1 + 'px' }) } const handleOut = () => { if (!content?.offsetHeight) return const height = content.offsetHeight content.style.transitionDuration = height / 1.5 + 'ms' raf2 = window.requestAnimationFrame(() => { content.style.top = 0 }) } p.addEventListener('focus', handleIn) p.addEventListener('mouseenter', handleIn) p.addEventListener('blur', handleOut) p.addEventListener('mouseleave', handleOut) return () => { window.cancelAnimationFrame(raf1) window.cancelAnimationFrame(raf2) p.removeEventListener('focus', handleIn) p.removeEventListener('mouseenter', handleIn) p.removeEventListener('blur', handleOut) p.removeEventListener('mouseleave', handleOut) } }, [blockHeight, preview, ready]) } Gennaio 26, 2025 - Montanari Formitalia

Montanari Formitalia

Archivi Giornalieri: Gennaio 26, 2025

4 articoli

Jakie Są Giełdy I Actually Jak Przyjmują Zakłady Sportowe? المحامي سليمان الع Apjatel Or Username Tuyul501″

Jakie Są Giełdy I Actually Jak Przyjmują Zakłady Sportowe? المحامي …

Jakie Są Giełdy I Jak Przyjmują Zakłady Sportowe Chubinashvili Centre” Content Zakłady Sportowe – Kontrola Państwowa Zakłady Sportowe […]

Mostbet Bd: Official Casino Site In Bangladesh

Mostbet Bd: Official Casino Site In Bangladesh

Mostbet App: Download Mostbet App Apk Within Nepal” Content Mostbet App Regarding Ios Registration In The Casino Mostbet Mobile […]

Registrace U Mostbet Bonusy Pro Hráče Z Čr

Registrace U Mostbet Bonusy Pro Hráče Z Čr

Kasino Mostbet Hrajte Nejlepší Online Automaty A Automaty Content Nejoblíbenější Automaty Na Mostbetu Snímky Obrazovky Mostbet Online Casino […]

Leonbet Casino On The Internet Παιχνίδια Με Το Leon Casino

Leonbet Casino On The Internet Παιχνίδια Με Το Leon Casino

Επίσημη Ιστοσελίδα Στην Ελλάδα Content Διεκδικήστε Τα Μεγάλα Κέρδη Σας Και Προωθήσεις Οι Προωθήσεις Και Τα Μπόνους Μας […]