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

Feature suggest - .card-columns #25689

Closed
ghost opened this issue Feb 22, 2018 · 1 comment
Closed

Feature suggest - .card-columns #25689

ghost opened this issue Feb 22, 2018 · 1 comment

Comments

@ghost
Copy link

ghost commented Feb 22, 2018

I read up on the behavior of the card-columns which is supposed to provide the kind of masonry look like Pinterest. I understand that there is a default behavior that makes the thing load from top to bottom and then from left to right and that this was intended so. But I find this extremely terribly horrible, for the following reason, which I encountered in my own code and which forced me to stop using this option.
I was loading over 300 cards into the screen, with images and texts on each. It takes time for the whole thing to load, and you can clearly see how the cards are pushed from left to right as the columns are filling up, right until the beginning of the right-most column. The entire content jumps and scrolls and terribly annoyingly moves until then.
On the other hand, if the cards were loaded from left to right first, and only then from top to bottom, you'd only see the first dozen or so items loaded, and the rest would fall outside of your screen. The prolonged loading time would no longer be in front of you, you would not notice any changes due to the time required for loading being too long.
Not to mention that if you wish to organize something, it gets organized from top to bottom, while your viewers expect to see it organized from left to right.
The way card-columns works today may be beneficial for some issues - though I can't think of a single one -, but it's definitely terrible for the most common use cases.
I suggest to create a version of this feature that loads from left to right first, and from top to bottom after that.

@mdo
Copy link
Member

mdo commented Feb 24, 2018

It'd be cool to have that, but that's beyond the scope of CSS's columns spec. That requires either some different HTML & CSS (consider using our grid perhaps?) or a custom JS solution (Masonry works, too).

@mdo mdo closed this as completed Feb 24, 2018
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

1 participant