Attach (recommended) or Link to PDF file here: https://github.com/mozilla/pdf.js/blob/master/test/pdfs/issue6931_reduced.pdf

Configuration:
- Web browser and its version: Firefox Nightly 112
- Operating system and its version: Windows 11
- PDF.js version: 3.5.34 [a0ef5a4ae]
- Is a browser extension: N/A

Steps to reproduce the problem:
1. Load https://mozilla.github.io/pdf.js/web/viewer.html
2. Open `issue6931_reduced.pdf` in the demo viewer.

What is the expected behavior? (add screenshot)
That the `<svg>`-element for the filters doesn't take up any space in the viewer.

What went wrong? (add screenshot)
The `<svg>`-element is adding space at the bottom of the viewer, which breaks the scrollbar.
Please see the red marking in the following screen-shot:

![filter](https://user-images.githubusercontent.com/2692120/224029489-53101c3d-1d65-4ad9-a582-24c62438cea1.png)

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension): N/A

/cc @calixteman 

filter.append(feComponentTransfer);
    const type = "discrete";
    const feFuncR = this.#document.createElementNS(SVG_NS, "feFuncR");
    feFuncR.setAttribute("type", type);
    feFuncR.setAttribute("tableValues", tableR);
    feComponentTransfer.append(feFuncR);
    const feFuncG = this.#document.createElementNS(SVG_NS, "feFuncG");
    feFuncG.setAttribute("type", type);
    feFuncG.setAttribute("tableValues", tableG);
    feComponentTransfer.append(feFuncG);
    const feFuncB = this.#document.createElementNS(SVG_NS, "feFuncB");
    feFuncB.setAttribute("type", type);
    feFuncB.setAttribute("tableValues", tableB);
    feComponentTransfer.append(feFuncB);
    this.#defs.append(filter);
    return url;
  }
  destroy() {
    if (this.#_defs) {
      this.#_defs.parentNode.remove();
      this.#_defs = null;
    }
    if (this.#_cache) {
      this.#_cache.clear();
      this.#_cache = null;
    }
    this.#id = 0;
  }
}
class DOMCanvasFactory extends BaseCanvasFactory {