Firefox で 縮小して全体を表示 相当処理が動かないため、文字が重なって表示されることがあります。
確認環境: Firefox 89/90b3
これは下記のサイトに書かれているとおり Firefox の未実装・バグに起因する互換性問題です(実際には Firefox を非対応として問題を閉じるのも現実的な手でしょう)。
https://stackoverflow.com/questions/13122790/how-to-get-svg-element-dimensions-in-firefox
https://bugzilla.mozilla.org/show_bug.cgi?id=890692
対処するには、未実装機能を避けた実装する必要があります。たとえば下記のようなコードを読み込み後デバッグコンソールにコピペすることで、商品名欄について 縮小して全体表示 が表示されるようになります。
{
const boundingClientRectZoom = document.querySelector('#見積書_金額あり_ rect[width="2100"]')
.getBoundingClientRect().width / 2100;
const config = { textLength: 665 };
for (const e of document.querySelectorAll('[id^="_商品名_"]')) {
const w = e.getBoundingClientRect().width;
if (w > config.textLength * boundingClientRectZoom) {
e.setAttribute('textLength', config.textLength)
e.setAttribute('lengthAdjust', 'spacingAndGlyphs')
}
}
}