unoplatform / Uno.Gallery

The Uno Platform Gallery application
https://platform.uno/
Other
151 stars 42 forks source link

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

Open jhanvi03 opened 2 months ago

jhanvi03 commented 2 months ago

Current behavior

In theming -> typography, When the window size is decreased, the text from adjacent columns overlaps under the first column. Screenshot 2024-07-05 at 2 29 52 PM

https://github.com/unoplatform/uno/assets/173818531/a3650083-ded1-4959-a262-9ee2f229e3a8

Expected behavior

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

https://github.com/unoplatform/uno/assets/173818531/b20a4dcd-8042-4d53-b646-444b9e430e0f

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 commented 2 months ago

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.