Bulma: Modals in safari do not grow with the content

Created on 12 May 2016  路  10Comments  路  Source: jgthms/bulma

Versions
Bulma: 0.0.26
Safari: 9.1 (11601.5.17.1)
Chrome: 50.0.2661.94

Observed behaviour
When I create a modal box, and look at it in safari, the box does not scale with it's content (See screenshot). While in chrome they show normal behaviour
_safari_
image
_chrome_
image

Expected behaviour
I expect the modal to behave the same way across browsers, and thus scale with its content.

bulma

Most helpful comment

@jgthms Why did you close this issue? It has not solved yet?

All 10 comments

Can you try adding flex-shrink: 0

To what container? The entire box?

I tried adding it to the following without success:

  • .modal
  • .modal-card
  • .modal-card-body

@jgthms Why did you close this issue? It has not solved yet?

also with this bug in mac safari

image

ping @jgthms Can you please re-open? Since it has not been fixed..

@jgthms Similar problem here...please consider reopen

It does seem to work though if the rule flex: 1 is removed from .modal-card-body but that means that flexbox won't work for the contained items right?

Will take a look.

@jgthms Any news on this? Is there anything I can do to help you further debug this?

@jgthms / @RXminuS / @xiaokaike The issue is fixed in the latest release! I'll be closing down this issue.

Was this page helpful?
0 / 5 - 0 ratings