Method fixDisplay

apps/client/src/code/pages/page/page.ts:377–407

()

  }

  fixDisplay() {
    const pageElem = document.querySelector(
      `.display-screens[data-page-id="${this.id}"]`,
    ) as HTMLElement;
    const worldElem = document.querySelector(
      `.display-world[data-page-id="${this.id}"]`,
    ) as HTMLElement;

    if (worldElem == null) {
      return;
    }

    const pageRect = pageElem.getBoundingClientRect();
    const worldRect = worldElem.getBoundingClientRect();

    if (worldRect.x !== pageRect.x || worldRect.y !== pageRect.y) {
      this.camera.react.pos = this.camera.react.pos.add(
        this.sizes.screenToWorld2D(
          new Vec2(pageRect.x, pageRect.y).sub(
            new Vec2(worldRect.x, worldRect.y),
          ),
        ),
      );

      pageElem.style.position = 'static';

      setTimeout(() => {
        pageElem.style.position = 'absolute';
      });
    }
  }

  destroy() {
    this.pinching.destroy();