Bulma: tiles bug on chrome

[fundon]

Chrome

Safari

[chanwhab]

Problem:
Chromes miscalculate the size of nested flexbox. Reference
Or chrome does not apply min-height to nested flexboxes. Reference

FIX:
Adding a { min-height: min-content } to .tile
Didn't test for other browsers and versions.

[XoneFobic]

Change flex: 1 to flex: 1 1 auto in .tile

[awulkan]

@XoneFobic

Change flex: 1 to flex: 1 1 auto in .tile

A simpler way to write it would just be: flex: auto;
Both of them do the same thing.

Reference:
https://css-tricks.com/almanac/properties/f/flex/#article-header-id-3

[XoneFobic]

Hm, unless I'm mistaken, not all browsers (versions) render flex: 1 the
same way. I don't know how auto renders across the board, but I'll give
it a test. We've got to support a wide range of browser versions, luckily
all of which have some version of flex support, but we do need to make sure
they all render the same. In that case I'm rather explicit then implicit.

On Mon, 20 Jun 2016, 18:20 Alex, [email protected] wrote:

@XoneFobic https://github.com/XoneFobic A simpler way to write it would
just be flex: auto;. Both of them do the same thing.

Reference:
https://css-tricks.com/almanac/properties/f/flex/#article-header-id-3

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/jgthms/bulma/issues/232#issuecomment-227192217, or mute
the thread
https://github.com/notifications/unsubscribe/ADFz2gGp8a9zxJVM7ARkgQhxtX_YEAGLks5qNr29gaJpZM4IuF3-
.