Problem:
- Form iframe was too small (800px fixed height)
- Only spinner visible, form content not fully visible
Solution:
1. Increased iframe container:
- Changed Card bodyStyle to use calc(100vh - 200px)
- Set minHeight to 800px
- Made iframe flex: 1 to fill available space
2. Added auto-resize functionality:
- Form sends iframe_resize messages with height
- Parent component listens and adjusts iframe height
- ResizeObserver watches for content changes
- Window resize handler updates iframe size
3. Improved iframe styling:
- Added sandbox attributes for security
- Made height responsive (100% of container)
- Minimum height ensures form is always visible
Files:
- frontend/src/components/form/StepClaimConfirmation.tsx: Increased iframe size, added resize handler
- frontend/src/components/form/generateConfirmationFormHTML.ts: Added auto-resize messaging
5e59a15bae