WIP Fix fastboot compatibility

nickschot · Jan 26, 2024 · 7ef3c74 · 7ef3c74
1 parent 4a24a16
commit 7ef3c74
Show file tree

Hide file tree

Showing 5 changed files with 389 additions and 3 deletions.
diff --git a/ember-mobile-menu/src/components/mobile-menu/tray.js b/ember-mobile-menu/src/components/mobile-menu/tray.js
@@ -1,8 +1,8 @@
 import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
 import { action } from '@ember/object';
-import { disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';
 import './tray.css';
+import { task } from 'ember-concurrency';
 
 /**
  * The tray that resides within the menu. Menu content is placed in here.
@@ -84,7 +84,19 @@ export default class TrayComponent extends Component {
 
   @action
   toggleBodyScroll(target, [isClosed]) {
-    if (this.args.preventScroll && !this.args.embed) {
+    this.toggleBodyScrollTask.perform(target, isClosed);
+  }
+
+  @task({ enqueue: true })
+  *toggleBodyScrollTask(target, isClosed) {
+    if (
+      this.args.preventScroll &&
+      !this.args.embed &&
+      typeof FastBoot === 'undefined'
+    ) {
+      let { disableBodyScroll, enableBodyScroll } = yield import(
+        'body-scroll-lock'
+      );
       if (isClosed) {
         enableBodyScroll(target);
       } else {