-
-
Notifications
You must be signed in to change notification settings - Fork 47k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Bug] Layout Sider ignoring theme token's breakpoints #48884
Comments
Start a new pull request in StackBlitz Codeflow. |
2024-05-11.20-23-30.mp4Example video - The window starts at 1307px -> doesn't change at 1300px -> changes at 992px |
Refer to the default value of antd, |
2024-05-15.12-37-30.mp4https://stackblitz.com/edit/react-cmczs9-znoxlu?file=demo.tsx
@MadCcc thanks for taking a look. See new video and the new sample code with adjusted values - I've changed screenLGMin == screenLG == 1300, and screenLGMax == 1500 to be > screenLG as suggested. The issue is still present, and the behavior did not change. The layout ignores the 1300px breakpoint that I've defined in config, and only uses the default 992px. |
Hi, just checking in as its been two weeks, I'm still experiencing this issue. See repro at: https://stackblitz.com/edit/react-cmczs9-znoxlu?file=demo.tsx |
Hello, I would like to provide some additional context. I noticed the ant-design/components/layout/Sider.tsx Line 13 in 1334831
Meanwhile, the |
Reproduction link
Steps to reproduce
Drag to change the editor/demo screen size
Drag until the width is 1300, nothing happens
What is expected?
I expected that the layout 'lg' breakpoint follows the 1300px in the custom tokens defined in the ConfigProvider
What is actually happening?
The layout ignores the 1300px defined and defaults to 992px. When dragging to 992px the layout then correctly shrinks. However it should be shrinking at 1300px not 992px.
The text was updated successfully, but these errors were encountered: