fix: keep dashboard shell dimensions stable #41
@@ -131,7 +131,11 @@ export function ModuleUiFrame(props: ModuleUiFrameProps): ReactElement {
|
||||
to check the installation.
|
||||
</p>
|
||||
) : undefined}
|
||||
<div data-testid="module-container" ref={containerRef} style={{ minWidth: 0, width: "100%" }} />
|
||||
<div
|
||||
data-testid="module-container"
|
||||
ref={containerRef}
|
||||
style={{ minWidth: 0, width: "100%" }}
|
||||
/>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -972,9 +972,7 @@ describe("Ekklesia shell — Dashboard navigation", () => {
|
||||
|
||||
describe("Ekklesia shell — mount lifecycle", () => {
|
||||
it("keeps fixed shell columns while module content changes width", async () => {
|
||||
await render({ apiBaseUrl, fetch: platformFetch() }, async () =>
|
||||
artifact("example", "0.1.0"),
|
||||
);
|
||||
await render({ apiBaseUrl, fetch: platformFetch() }, async () => artifact("example", "0.1.0"));
|
||||
|
||||
const shell = query("host-shell") as HTMLElement;
|
||||
const aside = shell.querySelector("aside") as HTMLElement;
|
||||
|
||||
Reference in New Issue
Block a user