Bulma: Oversized card content doesn't respect the grid [bug]

Created on 5 May 2017  路  5Comments  路  Source: jgthms/bulma

Overview of the problem

This is a bug
This is about the Bulma CSS framework
I'm using Bulma version 0.4.1
My browser is: Chrome

Description

Card Component doesn't respect the grid size and makes size of the cell bigger than it should be

Demo http://codepen.io/anon/pen/qmPKRO?editors=1100

screen shot 2017-05-05 at 11 31 02 pm

Expected behavior

All cells should be the same width

Actual behavior

Cell with the card is bigger

Most helpful comment

Because that's not the browser's default behaviour, and I don't want to break that?

All 5 comments

You've got a .notworking{ white-space: nowrap;}. Just remove that.

That's part of the the issue, I've included nowrap on a purpose. There's no way to limit the text to be just one line inside of the card in the grid.

Add overflow: auto; on that column.

Works, thanks.

Although I still don't understand why not add .column { overflow: auto; } by default.

Because that's not the browser's default behaviour, and I don't want to break that?

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rogervila picture rogervila  路  3Comments

leofontes picture leofontes  路  3Comments

choonggg picture choonggg  路  3Comments

dotMastaz picture dotMastaz  路  3Comments

Cosbgn picture Cosbgn  路  3Comments