Uses postRender to update the layout

deltanet · Jan 17, 2022 · 8ef2352 · 8ef2352
1 parent 742f6b9
commit 8ef2352
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -58,7 +58,7 @@ Several menu-related elements are assigned a label using the [aria-label](https:
 No known limitations.
 
 ----------------------------
-**Version number:**  4.1.0  
+**Version number:**  4.1.1  
 **Framework versions:**  5.8+  
 **Author / maintainer:** Forked from [Adapt Core](https://github.com/adaptlearning/adapt-contrib-boxmenu) / DeltaNet
 **Accessibility support:** WAI AA  

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "adapt-contrib-deltaboxMenu",
-  "version": "4.1.0",
+  "version": "4.1.1",
   "framework": ">=5.8",
   "homepage": "https://github.com/deltanet/adapt-contrib-deltaboxmenu",
   "issues": "https://github.com/deltanet/adapt-contrib-deltaboxmenu/issues",

diff --git a/js/adapt-contrib-deltaBoxMenuItemView.js b/js/adapt-contrib-deltaBoxMenuItemView.js
@@ -18,8 +18,13 @@ class DeltaBoxMenuItemView extends MenuItemView {
     super.initialize();
 
     this.listenTo(Adapt, 'device:resize', this.onDeviceResize);
+  }
 
-    this.$el.imageready(this.onDeviceResize.bind(this));
+  postRender() {
+    this.$el.imageready(() => {
+      this.setReadyStatus();
+      this.onDeviceResize();
+    });
   }
 
   onClickMenuItemButton(event) {