Closed Bug 1014285 Opened 10 years ago Closed 10 years ago

Button with display:inline-flex doesn't layout properly

Categories

(Core :: Layout, defect)

29 Branch
x86_64
Windows 8.1
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 984869

People

(Reporter: rigdern, Unassigned)

Details

Attachments

(1 file)

Attached file buttonFlexRepro.html
User Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; .NET4.0E; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 2.0.50727; .NET CLR 3.0.30729; BRI/2; InfoPath.3; rv:11.0) like Gecko

Steps to reproduce:

1. Open buttonFlexRepro.html (attached)


Actual results:

The 2 elements in the button are on separate rows


Expected results:

The 2 elements in the button are on the same row
Component: Untriaged → Layout
Product: Firefox → Core
See bug 984869 comment 2.

(As noted at the end of that comment, you can probably achieve the layout you want if you put "display:flex" on a wrapper-div, just inside the <button>.)
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: