guia grow basis align css firefox flexbox

css - grow - Flexbox no funciona en botones en Firefox



flexbox guia (1)

Al parecer a Firefox no le gusta display: flex los botones. ¿Hay alguna manera de corregir esto?

CSS:

button { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } button div:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; } button div:last-child { -webkit-box-ordinal-group: 1; -webkit-order: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; }

HTML:

<button> <div> <p>First</p> </div> <div> <p>Second</p> </div> </button>

Demostración en vivo: http://jsbin.com/ziwadabo/2