Open BrentHuang opened 1 month ago
ResponsiveRow bug in different sizes
run with flet run --web .
flet run --web .
F12, Look how it looks on the iPhone
No response
Windows
windows10
0.23.2
I'm not sure / I don't know
another question: For example, not displaying certain buttons on a small screen and displaying them on a large screen. What should I do to realize such a feature? Is there an interface for media queries?
Duplicate Check
Describe the bug
ResponsiveRow bug in different sizes
Code sample
Code
```python import flet as ft def main(page: ft.Page): page.add( ft.SafeArea(expand=True, expand_loose=True, content=ft.Container(content=ft.ResponsiveRow(controls=[ ft.Container( col={ 'xs': 0, 'sm': 0, 'md': 0, 'xl': 2 }, expand=True, bgcolor=ft.colors.GREEN, ), ft.Container( col={ 'xs': 12, 'sm': 12, 'md': 9, 'xl': 8 }, expand=True, bgcolor=ft.colors.RED, ), ft.Container( col={ 'xs': 0, 'sm': 0, 'md': 3, 'xl': 2 }, expand=True, bgcolor=ft.colors.BLUE, ), ], )))) ft.app(target=main) ```To reproduce
run with
flet run --web .
F12, Look how it looks on the iPhone
Expected behavior
No response
Screenshots / Videos
Captures
[Upload media here]Operating System
Windows
Operating system details
windows10
Flet version
0.23.2
Regression
I'm not sure / I don't know
Suggestions
No response
Logs
Logs
```console [Paste your logs here] ```Additional details
No response