Video SDK Type and Version
- Video SDK (Web) – UI Toolkit, no css applied on parent container
- Version: 2.2.5
- Platform: Windows
- Browsers: Chrome, Edge, Firefox
- Framework: React
Description
We are facing a consistent layout bug in UI Toolkit 2.2.5 where:
- Speaker View: Active speaker tile overlaps participant column
- Gallery View: Tiles overlap instead of rendering in a grid
- Switching views does not fix layout (state persists)
This issue is:
- Reproducible across all major browsers on Windows
- Not reproducible on macOS
- Occurring even with minimal setup and no custom CSS
Error?
No console errors or SDK errors.
Troubleshooting Routes
- Tested on multiple Windows machines
- Tested Chrome, Edge, Firefox
- Removed all custom layout/CSS
- Verified container is full size (100% width/height)
- Triggered manual resize events
- Tested with minimal UI (no headers/side panels)
- Tried to upgrade the SDK version
Issue persists in all scenarios.
How To Reproduce
- Join session (UI Toolkit 2.2.5, Windows)
- Have multiple participants, and switch to speaker view and Gallery view once or twice
- Observe Speaker View → overlap
- Switch to Gallery View → overlap persists
Expected Behavior
Proper responsive layout without overlapping tiles.
Actual Behavior
Tiles overlap in both views; layout does not reflow.
Given this reproduces in a clean setup, this looks like an SDK issue rather than integration-specific.
