Write the widget-era html width without viewport units

[paoloredis]

The Qualified widget's docking.js rewrites every vw/dvw unit in the page's stylesheets into calc(1 * var(--qdvw)), where --qdvw is 100dvw minus the scrollbar width N it measured. The full-width rule from DOC-7044 used width: 100dvw on html, so after the rewrite html was N pixels short of the window. Two visible effects for every visitor with classic scrollbars: a white N-pixel band at the window edge with body's scrollbar sitting inboard of it, and, because the swap from root scroller to body scroller happens ~0.5-2s after every page load, the centered layout shifting ~8px left on every navigation ('the scroll bar disappears and reappears with a jump').

Express full width as the sum of the widget's own variables, var(--qdvw) + var(--q-docked-viewport-offset), which is exactly 100dvw and contains nothing the rewriter touches. Verified on the live pages in Chrome and Firefox at 1200px and 2200px windows: html and body span the full window, body's scrollbar lands precisely where the root scrollbar was and is draggable there, and main, sidebar and heading keep the same pixel positions across the widget takeover. Docked-panel geometry is untouched (rule is scoped to :not([q-docked])).

---

Note

Low Risk
Single scoped CSS change for third-party widget compatibility; no auth, data, or core app logic.

Overview
Fixes Qualified chat widget layout glitches when the panel is closed by expressing full-width html sizing without dvw units that the widget rewrites.

The html[q-docked-target]:not([q-docked]) rule now uses calc(var(--qdvw) + var(--q-docked-viewport-offset)) instead of 100dvw for width/min-width/max-width. The widget’s docking.js replaces every vw/dvw in stylesheets with calc(1 * var(--qdvw)) (where --qdvw is already 100dvw minus scrollbar width N), so the old 100dvw rule made html N pixels too narrow, left a gap at the window edge, moved the body scrollbar inboard, and caused a visible ~8px horizontal jump when the widget took over scrolling after load.

The new expression equals true full viewport width but uses only widget variables the rewriter does not touch. Docked-open geometry is unchanged because the rule still applies only when q-docked is not set.

^{Reviewed by Cursor Bugbot for commit 7afa1ad. Bugbot is set up for automated code reviews on this repo. Configure here.}

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[github-actions]

🧠 Redis Memory

Found 5 related items from repository history (5 new this commit):

• Commit — Write the widget-era html width without viewport units 🆕

  Write the widget-era html width without viewport units

• Commit — Keep the page scrollbar visible under the Qualified widget 🆕

  Keep the page scrollbar visible under the Qualified widget

• Commit — Keep the pinned sidebar and ToC from scrolling away under the widget 🆕

  Keep the pinned sidebar and ToC from scrolling away under the widget

• Commit — Keep the pinned sidebar and ToC from scrolling away under the widget 🆕

  Keep the pinned sidebar and ToC from scrolling away under the widget

• PR — Keep the pinned sidebar and ToC from scrolling away under the widget 🆕

  The Qualified widget stamps its overflow trap on

  with contain: layout !important. Layout containment makes the containing bloc

Memory updated at 7afa1ad

[github-actions]

DOC-7092

[paoloredis]

This fixes the scrollbar issue

[mich-elle-luna]

thank you!