[Gallery][Wasm][Theming] Content from Adjacent Column Overlaps with Main Column on Smaller Screens

[jhanvi03]

Current behavior

In theming -> typography, When the window size is decreased, the text from adjacent columns overlaps under the first column.

Screen.Recording.2024-07-05.at.2.40.00.PM.mov

Expected behavior

When the window size is decreased, the text from adjacent columns should not overlap first column.

Screen.Recording.2024-07-05.at.2.37.45.PM.mov

How to reproduce it (as minimally and precisely as possible)

Steps to reproduce:

1. Open Uno Gallery in any browser
2. navigate to Menu
3. From Menu go to Theming -> Typography
4. Increase and decrease the size of window

Workaround

No response

Works on UWP/WinUI

Yes

Environment

No response

NuGet package version(s)

No response

Affected platforms

WebAssembly

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response

[jeromelaban]

How does the Windows app behave in this context?, the windows app seems to be handling this properly, it may be a DOM-specific issue.

[MartinZikmund]

The issue happens in production Gallery as well