Skip to content
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

Weird behavior of <Space wrap> when size of the children have a specific configuration. #29868

Closed
1 task done
itsfarseen opened this issue Mar 22, 2021 · 1 comment
Closed
1 task done
Assignees

Comments

@itsfarseen
Copy link

itsfarseen commented Mar 22, 2021

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Make (2*child-width + space/2) < Spacer width < (2*child-width + space)

What is expected?

Space changes from two columns mode to one column mode when two columns don't fit.

What is actually happening?

Space changes to L shape for a brief while, then after a while changes to one column mode.

Environment Info
antd 4.13.1
React 17.0.1
System Linux 5.11.8
Browser Firefox 86.0.1
@zombieJ
Copy link
Member

zombieJ commented Apr 4, 2021

Last Space child node do not have margin right which makes it to be L. Seems can be use flex gap instead. Need additional research since Row of changing cause many issue on horizontal gap.

cc @afc163

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants