Add page-view-ready html class after page view is ready

adaptlearning · Aug 1, 2023 · d4a4f86 · d4a4f86
1 parent d11ec52
commit d4a4f86
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/js/themeView.js b/js/themeView.js
@@ -6,8 +6,10 @@ export default class ThemeView extends Backbone.View {
 
   initialize() {
     this.setStyles();
+    this.resetPageViewReady();
 
     this.listenTo(Adapt, {
+      'pageView:ready': this.onPageViewReady,
       'device:changed': this.onDeviceResize,
       remove: this.remove
     });
@@ -17,6 +19,15 @@ export default class ThemeView extends Backbone.View {
     this.setStyles();
   }
 
+  onPageViewReady() {
+    // Add a class to <html> after all assets are loaded for a page.
+    $('html').addClass('page-view-ready');
+  }
+
+  resetPageViewReady() {
+    $('html').removeClass('page-view-ready');
+  }
+
   remove() {
     super.remove();
     this.onRemove();