diff --git a/web/static/src/ts/main.ts b/web/static/src/ts/main.ts
index a9d07f65..7db0cdb1 100644
--- a/web/static/src/ts/main.ts
+++ b/web/static/src/ts/main.ts
@@ -1,9 +1,8 @@
///
-import { debounce } from "./core/utils";
import { makeEnvironment } from "./env";
-import { Root } from "./widgets/root";
import { BaseMenuItem, processMenuItems } from "./misc/menu_helpers";
+import { Root } from "./widgets/root";
//------------------------------------------------------------------------------
// Application bootstrapping
@@ -21,13 +20,4 @@ document.addEventListener("DOMContentLoaded", async function() {
const rootWidget = new Root(env, { menuInfo });
await rootWidget.mount(document.body);
(window).odoo.rootWidget = rootWidget;
-
- // adding reactiveness to mobile/non mobile
- window.addEventListener("resize", debounce(() => {
- const isMobile = window.innerWidth <= 768;
- if (isMobile !== env.isMobile) {
- env.isMobile = isMobile;
- rootWidget.render();
- }
- }, 50));
});
diff --git a/web/static/src/ts/widgets/root.ts b/web/static/src/ts/widgets/root.ts
index 105bd7e3..1cae200c 100644
--- a/web/static/src/ts/widgets/root.ts
+++ b/web/static/src/ts/widgets/root.ts
@@ -1,6 +1,7 @@
import { INotification } from "../core/notifications";
import { Widget } from "./widget";
-import { Env } from "../env";
+import { debounce } from "../core/utils";
+import { Env } from "./widget";
import { MenuInfo, MenuItem, getAppAndAction } from "../misc/menu_helpers";
import { ActionStack } from "../services/action_manager";
import { ActionContainer } from "./action_container";
@@ -60,6 +61,15 @@ export class Root extends Widget {
);
this.env.router.on("query_changed", this, this.updateAction);
this.updateAction(this.env.router.getQuery());
+
+ // adding reactiveness to mobile/non mobile
+ window.addEventListener("resize", debounce(() => {
+ const isMobile = window.innerWidth <= 768;
+ if (isMobile !== this.env.isMobile) {
+ this.env.isMobile = isMobile;
+ this.render();
+ }
+ }, 50));
}
private updateAction(query: Query) {