Method observeResize

lib/addons/fit.ts:207–241

* Observe the terminal's container for resize events * * Sets up a ResizeObserver to automatically call fit() when the * container size changes. Resize events are debounced to avoid * excessive calls during window drag operations. * * Call dispose() to stop observing.

()

   * Call dispose() to stop observing.
   */
  public observeResize(): void {
    if (!this._terminal?.element) {
      return;
    }

    // Already observing
    if (this._resizeObserver) {
      return;
    }

    // Create ResizeObserver that watches for external size changes
    this._resizeObserver = new ResizeObserver((entries) => {
      // Ignore resize events while we're actively resizing
      if (this._isResizing) {
        return;
      }

      // Only trigger if the observed element's content rect changed
      const entry = entries[0];
      if (!entry) return;

      // Debounce resize events
      if (this._resizeDebounceTimer) {
        clearTimeout(this._resizeDebounceTimer);
      }

      this._resizeDebounceTimer = setTimeout(() => {
        this.fit();
      }, RESIZE_DEBOUNCE_MS);
    });

    // Observe the terminal element itself (the container we want to fit into)
    // This gives us stable resize events when the CONTAINER changes, not when our canvas changes
    this._resizeObserver.observe(this._terminal.element);
  }
}