From 0d6a94cb93bca60132f5c4f406e7790bcf9110ff Mon Sep 17 00:00:00 2001 From: Jason Buckner Date: Wed, 18 Mar 2026 17:57:26 -0700 Subject: [PATCH] Fix height propagation through ia-bookreader shell div[slot="main"] had display:flex but no height, causing children with height:inherit to resolve to 0. BookReader measures its container during init() and renders pages at 0 height. Add height:100% to div[slot="main"] and change slot > * from height:inherit to height:100% to complete the chain from iaux-item-navigator through to the #BookReader mount point. Co-Authored-By: Claude Opus 4.6 --- src/ia-bookreader/ia-bookreader.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/ia-bookreader/ia-bookreader.js b/src/ia-bookreader/ia-bookreader.js index 728645ea5..1209ecea1 100644 --- a/src/ia-bookreader/ia-bookreader.js +++ b/src/ia-bookreader/ia-bookreader.js @@ -607,10 +607,15 @@ export class IaBookReader extends LitElement { min-height: unset; } - div[slot="header"], + div[slot="header"] { + display: flex; + width: 100%; + } + div[slot="main"] { display: flex; width: 100%; + height: 100%; } slot { @@ -621,7 +626,7 @@ export class IaBookReader extends LitElement { slot, slot > * { display: block; - height: inherit; + height: 100%; width: inherit; } .placeholder {