md-grid gutter margin bug on rows with gaps #4515
Assignees
Labels
P2
The issue is important to a large percentage of users, with a workaround
Comments
|
Very simple to reproduce: |
|
here is a current reproduction |
josephperrott
added
the
P2
crisbeto
added a commit
to crisbeto/material2
that referenced
this issue
Dec 26, 2017
…ound Fixes and issue in the grid list where a tile, for which we couldn't find a gap in which to put it, is being pulled outside the grid due to the index defaulting to -1. Fixes angular#4515.
jelbourn
pushed a commit
that referenced
this issue
Jan 21, 2018
…ound Fixes and issue in the grid list where a tile, for which we couldn't find a gap in which to put it, is being pulled outside the grid due to the index defaulting to -1. Fixes #4515.
jelbourn
pushed a commit
to jelbourn/components
that referenced
this issue
Jan 29, 2018
…ound (angular#9128) Fixes and issue in the grid list where a tile, for which we couldn't find a gap in which to put it, is being pulled outside the grid due to the index defaulting to -1. Fixes angular#4515.
|
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Bug, feature request, or proposal:
Bug
What is the expected behavior?
A gap is left, tile goes to the next line, and margins are adhered to as previous rows.
What is the current behavior?
A gap is left, tile goes to the next line, but margin is too negative, resulting in the tile starting further left on the page. In the plunker, this is box 11.
What are the steps to reproduce?
https://plnkr.co/edit/hzjETIKN381wQg1Fqhka?p=preview
Create a grid, and do it in such a way that there is not enough room on the current row to have the item, so it has to be forced to the next line. In this case, the margins then get messed up.
What is the use-case or motivation for changing an existing behavior?
Its a bug which results in the margin being off. I'm sure this is not wanted behaviour.
Which versions of Angular, Material, OS, browsers are affected?
The current versions on the material2 demos. I forked this example plunker from the material2 example code at https://material.angular.io/components/component/grid-list
Is there anything else we should know?
Nope, don't think so. Thanks! Everything else on this grid was fantastic, I just noticed this one little odd piece of behaviour.
Screenshot if needed:
The text was updated successfully, but these errors were encountered: