Merge pull request #2027 from Codeinwp/fix/issue-2005

fix: animation not trigger for large elements on screen

Author: HardeepAsrani

src/animation/frontend.js

@@ -284,8 +284,9 @@ const isElementInViewport = ( el ) => {
 	};
 
 	return (
-		( bounds.bottom >= viewport.top && bounds.bottom <= viewport.bottom ) ||
-		( bounds.top <= viewport.bottom && bounds.top >= viewport.top )
+		( bounds.bottom >= viewport.top && bounds.top <= viewport.bottom ) || // Element spans the viewport
+		( bounds.top <= viewport.bottom && bounds.bottom >= viewport.bottom ) || // Top part of the element is in the viewport
+		( bounds.bottom >= viewport.top && bounds.top <= viewport.top ) // Bottom part of the element is in the viewport
 	);
 };