- Enhancement: new state classs "fp-loaded" for lazy loaded sections #…

…4681
alvarotrigo · Mar 3, 2025 · 80bcdcb · 80bcdcb
1 parent 890db79
commit 80bcdcb
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/js/common/selectors.js b/src/js/common/selectors.js
@@ -17,6 +17,8 @@ export const ACTIVE =                'active';
 export const ACTIVE_SEL =            '.' + ACTIVE;
 export const COMPLETELY =            'fp-completely';
 export const COMPLETELY_SEL =        '.' + COMPLETELY;
+export const LOADED =                'fp-loaded';
+export const LOADED_SEL =            '.' + LOADED;
 
 // section
 export const SECTION_DEFAULT_SEL =   '.section';

diff --git a/src/js/dom/destroyStructure.js b/src/js/dom/destroyStructure.js
@@ -24,7 +24,8 @@ import {
     IS_OVERFLOW,
     SCROLLABLE,
     WRAPPER,
-    WATERMARK_SEL
+    WATERMARK_SEL,
+    LOADED
 } from '../common/selectors.js';
 import { win } from '../common/constants.js';
 import { scrollOverflowHandler } from '../scrolloverflow.js';
@@ -89,7 +90,7 @@ export function destroyStructure(){
             scrollOverflowHandler.destroyWrapper(item);
         }
 
-        utils.removeClass(item, TABLE + ' ' + ACTIVE + ' ' + COMPLETELY + ' ' + IS_OVERFLOW);
+        utils.removeClass(item, TABLE + ' ' + ACTIVE + ' ' + COMPLETELY + ' ' + IS_OVERFLOW + ' ' + LOADED);
         var previousStyles = utils.getAttr(item, 'data-fp-styles');
         if(previousStyles){
             item.setAttribute('style', previousStyles);

diff --git a/src/js/lazyLoad/lazyLoad.js b/src/js/lazyLoad/lazyLoad.js
@@ -2,6 +2,8 @@ import * as utils from '../common/utils.js';
 import { getSlideOrSection } from '../common/utilsFP.js';
 import { getOptions } from '../common/options.js';
 import { onMediaLoad } from '../media.js'; 
+import { LOADED } from '../common/selectors.js';
+
 /**
 * Lazy loads image, video and audio elements.
 */
@@ -33,6 +35,9 @@ export function lazyLoad(destiny){
             }
         }
     });
+
+    // Add fp-loaded class to the panel after lazy loading
+    utils.addClass(panel, LOADED);
 }
 
 export function lazyLoadPanels(panel){