Inline extensions: the frame never shrinks below its start height because the shell measures a body with min-height 100%

[efernandezr]

Inline extensions: the frame never shrinks below its start height because the shell measures a body with min-height: 100%

Version: @agent-native/core 0.176.4.

What happens. A transient render-inline-extension control with one row of buttons renders inside a frame 260 pixels tall (the initialHeight default). The frame grows when content is taller but never shrinks to fit shorter content.

Why. dist/extensions/html-shell.js reports Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) on resize, and the shell's own stylesheet (dist/client/extensions/portable-extension.js) sets html, body { min-height: 100% }. The document is therefore always at least as tall as the iframe viewport, so the reported height is never smaller than the current height, and InlineExtensionFrame (which honours reports down to 96 pixels) never receives a smaller value.

Expected. Measure the content, not the viewport: drop min-height: 100% from the shell body, or report the height of a content wrapper element, so a one-row control renders at its natural height plus padding.

Workaround used. Every control passes initialHeight: 120 (the schema floor) so the frame starts small and only grows.

[steve8708]

@builderio-bot please run /address-feedback in the repo to address this feedback. Read the address-feedback, address-feedback-with-replies, review-latest-feedback, and review-prs skills as relevant, inspect the linked evidence, and fix the owning boundary. Please send a PR when ready.

Factory item: f322b100dec4034c9af31304404103e4c0a659bcdeaafeea3e15d1222b71b645

Source: #4664

Why this is a clear bug: Concrete reproducible layout bug: inline extension frames grow but never shrink below their starting height because the shell body has min-height: 100% and resize measurement uses document/body scrollHeight. The issue includes the affected version, mechanism, expected behavior, and a workaround.

Error report:
Inline extensions: the frame never shrinks below its start height because the shell measures a body with min-height 100%

Version: @agent-native/core 0.176.4.

What happens. A transient render-inline-extension control with one row of buttons renders inside a frame 260 pixels tall (the initialHeight default). The frame grows when content is taller but never shrinks to fit shorter content.

Why. dist/extensions/html-shell.js reports Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) on resize, and the shell stylesheet in dist/client/extensions/portable-extension.js sets html, body { min-height: 100% }. The document is therefore always at least as tall as the iframe viewport, so the reported height is never smaller than the current height, and InlineExtensionFrame never receives a smaller value.

Expected. Measure content rather than the viewport: remove min-height: 100% from the shell body or measure a content wrapper so a one-row control renders at natural height plus padding.

Workaround. Every control passes initialHeight: 120 so the frame starts small and only grows.

Include the Factory item id and source link in the pull request description.

[steve8708]

Thanks for filing this issue and for the detailed report. Fixed in #4783: inline extension frames can now shrink when their content collapses. Please reopen if they remain stuck at the starting height on a version containing the fix.