use @bind

This commit is contained in:
Jordan Vidrine
2025-03-05 20:21:39 -06:00
parent a3e55b4ea9
commit ca43554153
@@ -3,6 +3,7 @@ import { tracked } from "@glimmer/tracking";
import { action } from "@ember/object"; import { action } from "@ember/object";
import didInsert from "@ember/render-modifiers/modifiers/did-insert"; import didInsert from "@ember/render-modifiers/modifiers/did-insert";
import { htmlSafe } from "@ember/template"; import { htmlSafe } from "@ember/template";
import { bind } from "discourse/lib/decorators";
export default class ExperimentalScreen extends Component { export default class ExperimentalScreen extends Component {
@tracked left = 0; @tracked left = 0;
@@ -18,6 +19,7 @@ export default class ExperimentalScreen extends Component {
return rect; return rect;
} }
@bind
calculateDistance() { calculateDistance() {
const element = document.getElementById("main-outlet"); const element = document.getElementById("main-outlet");
@@ -37,7 +39,7 @@ export default class ExperimentalScreen extends Component {
@action @action
onInsert() { onInsert() {
this.calculateDistance(); this.calculateDistance();
window.addEventListener("resize", this.calculateDistance.bind(this)); window.addEventListener("resize", this.calculateDistance);
} }
<template> <template>