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

List with grid doesn't behave well with long-titled-meta Cards #11712

Closed
1 task done
dbismut opened this issue Aug 10, 2018 · 0 comments
Closed
1 task done

List with grid doesn't behave well with long-titled-meta Cards #11712

dbismut opened this issue Aug 10, 2018 · 0 comments
Assignees

Comments

@dbismut
Copy link

dbismut commented Aug 10, 2018

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

Version

3.8.0

Environment

Chrome v69

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Create a List with Cards organized in a grid. One or several Cards might have a long title prop in their Meta.

What is expected?

Meta titles are supposed to display ellipsis if they're too long to fit in the parent Card.

What is actually happening?

In this situation the Card width adapts to the Meta title, therefore underlapping the next card if the title is too long. See screenshots here.

bug antd


This could be fixed by adding width: 100% to the .ant-list-grid.ant-list-item-content class. Not sure about the side effects though.

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

No branches or pull requests

2 participants