@gjsify/adwaita-storybook 0.54.0 → 0.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@gjsify/adwaita-storybook",
-    "version": "0.54.0",
+    "version": "0.55.0",
     "description": "Browser renderer for the @gjsify/stories contract — the web counterpart of @gjsify/storybook, built on @gjsify/adwaita-web",
     "type": "module",
     "main": "./src/index.ts",
@@ -30,13 +30,13 @@
         "browser"
     ],
     "dependencies": {
-        "@gjsify/adwaita-core": "^0.54.0",
-        "@gjsify/adwaita-web": "^0.54.0",
-        "@gjsify/stories": "^0.54.0",
-        "@gjsify/storybook-core": "^0.54.0"
+        "@gjsify/adwaita-core": "^0.55.0",
+        "@gjsify/adwaita-web": "^0.55.0",
+        "@gjsify/stories": "^0.55.0",
+        "@gjsify/storybook-core": "^0.55.0"
     },
     "devDependencies": {
-        "@gjsify/cli": "^0.54.0",
+        "@gjsify/cli": "^0.55.0",
         "typescript": "^6.0.3"
     },
     "gjsify": {

package/src/app.ts

@@ -301,6 +301,10 @@ export class StorybookWebApp implements StorybookView<StoryElement> {
         ]);
         const window_ = h('adw-window', { class: 'sb-window' }, [this._navSplit]);
         this._container.replaceChildren(window_);
+        // `<adw-window>` writes its 360x200 size request as inline style on connect, which
+        // outranks `.sb-window`; the storybook fills its host, so it states that after connect.
+        window_.style.width = '100%';
+        window_.style.height = '100%';
     }
 
     private _exposeGlobal(): void {

package/src/preview-scroll.spec.ts

@@ -124,13 +124,16 @@ export const AdwStorybookPreviewScrollTest = async () => {
             }
         });
 
-        await it('lets the toolbar view, not this sheet, fill the story-list column', () => {
+        await it('lets the toolbar view, not this sheet, fill the story-list column', async () => {
             // This sheet used to carry its own `.sb-sidebar-scroll { flex: 1 1 auto }`,
             // which held the column up here while every other Adw.ToolbarView content
             // widget in the project still stopped at its last row. The declaration is
             // gone and `adw-toolbar-view` fills its content widget instead, so this
             // asserts the widget rule from the consumer that used to hide its absence.
             const { host } = mountTall();
+            // The breakpoint observer settles after the first layout flush; measuring
+            // before then reads a collapsed (display: none) pane as zero height.
+            await new Promise<void>((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
             try {
                 const scroll = host.querySelector('.sb-sidebar-scroll') as HTMLElement;
                 const area = scroll.parentElement as HTMLElement;