1278061 - flex-direction not working properly in button

Status: RESOLVED DUPLICATE of bug 984869

(Core :: Layout, defect)

Description

[Enzo]

Attachment: testCase.html

User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0
Build ID: 20160604004005

Steps to reproduce:

- Set the style of <button> with "display:flex; flex-direction:row;".
- Add more <div> in button



Actual results:

the <div> added into the <button> are placed in top to down direction


Expected results:

the <div> added into the <button> are placed in left to right direction

Comment 1

[Enzo]

A more detailed analysis suggests that the <button> not yet manages the "display:flex" style attribute or other properties of the CSS Flexible Box Layout (see https://www.w3.org/TR/css-flexbox-1/).

It's right what I have observed?
It is planned the implementation in the future?

Comment 2

[:Gijs (he/him)]

getComputedStyle returns the correct flex/row answers for display/flexDirection, so if anything this would be a layout issue. Dan, can you help?

Comment 3

[Daniel Holbert [:dholbert]]

(In reply to Enzo from comment #1)
> A more detailed analysis suggests that the <button> not yet manages the
> "display:flex" style attribute or other properties of the CSS Flexible Box
> Layout (see https://www.w3.org/TR/css-flexbox-1/).

Correct, essentially. This is already tracked in Bug 984869.

> It is planned the implementation in the future?

(Yes.)

Comment 4

[Daniel Holbert [:dholbert]]

In the meantime: if you like, you should be able to work around this by adding a <div> wrapper inside of the <button> (around its children), and set your flexbox styles on that <div>.

Comment 5

[Enzo]

thank you for your suggests.
bye