Bulma: Ratio classes on media object image, makes the image disappear

Created on 15 Feb 2016  路  11Comments  路  Source: jgthms/bulma

Hi! _There was a similar issue, but it was closed and the problem persists._
I'm starting with this framework (awesome btw, and will try to contribute a lot) but i had this problem yesterday with the 0.0.13 minified and no min. downloadable versions.
The fixed scale helpers worked (ex:is-128x128) but the ratio one's (ex:is-square) makes the image disappear on the media object.
My image was 256x256, so i created the class which fixed the issue.

.image.is-256x256 {
  height: 256px;
  width: 256px;
}

I'll keep digging while exploring the framework :)

bulma

Most helpful comment

Any reason why we can't re-open this issue?

All 11 comments

tested 0.0.14 min and non min, the issue persists.

This seems to be an issue with flexbox, where absolutely positioned images within an flexbox layout have a height and width of 0px: http://codepen.io/rohan10/pen/xZBYBO

Nice catch @rohannair. It's a weird bug really.

It appears this issue continues within media objects.

screenshot 2016-07-17 16 45 21

Still present as of now, and not only part of media objects.

Any reason why we can't re-open this issue?

Still present when using responsive ratios such as is-2by3, but I've only found it in media objects.

Any update on this?

Come on... this needs to be fixed

Can confirm the bug is still here.
My fix is to add width: 100% on the .media-left or .media-right class.

Had the same issue with a simple

and object inside flex. Adding has-fullwidth class solves the issue.

Was this page helpful?
0 / 5 - 0 ratings