Loading challenge...
Resize Observer
Detect element resize
Controlled Resize Box
Use sliders to resize the box
200 × 150
Resizable Textarea
Drag the corner to resize
Flex Container
Resize window to see changes
Box 1
Box 2
Box 3
Size Data
Current element dimensions
| Element | Width | Height |
|---|---|---|
| Waiting for resize events... | ||
Resize Event Log
Recent resize events
Resize elements to see events
Responsive Card
Resize window to see this card adapt
Resize window to see this card adapt
Current: ?pxCompact
Testing Tips
Automation hints
- ✓ Use page.setViewportSize() to trigger resize on responsive elements
- ✓ Interact with range sliders using locator().fill() for width/height
- ✓ Verify size data table updates after resize actions
- ✓ Test textarea resize by dragging corner with mouse actions
- ✓ Check resize log for expected dimension change events
