Bulma: Safari button.button not center aligned

[uptownhr]

When using Button class=button on safari, text inside the button is not center aligned.

https://cl.ly/433n3q1G2s2H

[bcarneiro]

_button.css change the &.is-fullwidth {display: flex; width: 100%;} to &.is-fullwidth {display:block; width: 100%;} it worked for me

[uptownhr]

is this an expected behavior?

[dreamxcape]

I've encountered the same problem. I'm not sure why it happens, I don't think it's the expected behaviour.

As @bcarneiro suggests, a quick fix is to apply display: block. I ended up using javascript to apply browser-specific classes (.safari .ios etc) on load and apply display: block if it's safari.

Hoping for a fix in the next update.

[painhardcore]

same here.
Need to fix that

[kurtisdavis]

I'm experiencing this same issue as well

[pinzonjulian]

@bcarneiro actually, you can leave out the width: 100%
I have a separate sass doc to override this stuff. In a folder called the same as bulma's I did the following:

// elements/button.sass
.button
  &.is-fullwidth
    display: block

[bcarneiro]

@pinzonjulian thank you.

[erikdahlstrand]

Same as #913 ? I had the same problem but it seems to be fixed in Safari 11. Maybe this issue can be closed now @uptownhr? cc @jgthms

[lukewlms]

Fixed with this inside the button:

But, would be great to have it centered. Glad to hear fixed in Safari 11.

[anshupitlia]

This is still not fixed?

[DawoodHayat]

how to align button center in bulma have you guys faced this issues??