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 18, 2025 - Montanari Formitalia

Montanari Formitalia

Archivi Giornalieri: Gennaio 18, 2025

9 articoli

1win Nigeria Official Betting Site Login Bonus 830, 000 Ngn

1win Nigeria Official Betting Site Login Bonus 830, 000 Ngn

Online Casino And Wagering In Indian Login To Standard Website Content How To Choose A Great Online Casino […]

1win Nigeria Official Betting Site Login Bonus 830, 000 Ngn

1win Nigeria Official Betting Site Login Bonus 830, 000 Ngn

Online Casino And Wagering In Indian Login To Standard Website Content How To Choose A Great Online Casino […]

Diamond Casino Heist The Big Disadvantage Walkthrough

Diamond Casino Heist The Big Disadvantage Walkthrough

How To Start An On The Web Casino In 2023 Step-by-step Guide Content Stage Three: Planning (2 Weeks […]

Diamond Casino Heist The Big Disadvantage Walkthrough

Diamond Casino Heist The Big Disadvantage Walkthrough

How To Start An On The Web Casino In 2023 Step-by-step Guide Content Stage Three: Planning (2 Weeks […]

“gta Online Weekly Scène Vehicle For May Possibly 30: How To Be Able To The Fatigue Lucky Wheel Every Time

“gta Online Weekly Scène Vehicle For May Possibly 30: How …

Gta Online: Just How To Win The Particular Lucky Wheel Podium Car Every Time Content Can You Win […]

Top 10 Online Casino Bonuses And Even Promotions 2025

Top 10 Online Casino Bonuses And Even Promotions 2025

Online Casino Encouraged Bonus Best Creating An Account Offers 2024 Content What Are Bonus Codes And Are Also […]

Top 10 Online Casino Bonuses And Even Promotions 2025

Top 10 Online Casino Bonuses And Even Promotions 2025

Online Casino Encouraged Bonus Best Creating An Account Offers 2024 Content What Are Bonus Codes And Are Also […]

How To Try Out Blackjack: Rules, Gameplay & More

How To Try Out Blackjack: Rules, Gameplay & More

How To Participate In And Win Even More At Online Internet Casinos: Top 10 Tips Content Ready To […]

How To Try Out Blackjack: Rules, Gameplay & More

How To Try Out Blackjack: Rules, Gameplay & More

How To Participate In And Win Even More At Online Internet Casinos: Top 10 Tips Content Ready To […]