Preview: Use width/height instead of min-* in CanvasWrap

[DevLikhith5]

Fix full-height layout in Firefox ESR for the story preview area.

PR #33290 changed the CanvasWrap styled component from using width: 100%; height: 100% to min-width: 100%; min-height: 100%. In Firefox ESR, min-height: 100% does not properly fill the available space when the parent has a defined height, causing the preview area to collapse vertically.

Changes:

• Reverted minWidth: '100%' → width: '100%' and minHeight: '100%' → height: '100%' in CanvasWrap

Fixes #33743

Manual testing

• Open chromatic deployed instance in Firefox ESR
• Check that viewport renders well
• Enable a custom viewport and check there is no regression

Summary by CodeRabbit

Release Notes

• Bug Fixes
  • Improved preview canvas sizing behavior to ensure the component properly fills its container, delivering better layout consistency and responsive design.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: f520d928-7bfb-4f62-b9c8-feaac7d0c598

📥 Commits

Reviewing files that changed from the base of the PR and between 64ab797 and 2608c37.

📒 Files selected for processing (1)

• code/core/src/manager/components/preview/utils/components.ts

---

📝 Walkthrough

Walkthrough

The preview canvas sizing behavior is adjusted in the CanvasWrap component by replacing minimum width and height constraints with explicit width and height properties set to 100%, altering how the component fills its container space.

Changes

Preview Canvas Sizing

Layer / File(s)	Summary
CanvasWrap sizing properties code/core/src/manager/components/preview/utils/components.ts	CanvasWrap replaces minWidth: '100%' / minHeight: '100%' with width: '100%' / height: '100%', changing the component's size constraints within its parent container.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}