Firefox <div> element not formatting properly.

RESOLVED INVALID

Status

()

Firefox
Untriaged
RESOLVED INVALID
3 years ago
3 years ago

People

(Reporter: russ.richardson, Unassigned)

Tracking

25 Branch
x86
Windows 8.1
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

3 years ago
User Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64; Trident/7.0; Touch; .NET4.0E; .NET4.0C; Tablet PC 2.0; InfoPath.3; rv:11.0) like Gecko

Steps to reproduce:

Created a div element that has display set to table-cell. This is encapsulated inside another div with display: table and vertical-align: middle. This works fine for center aligning text(which I use for all sorts of buttons and bubbleboxes).


Actual results:

There is an error in formatting that occurred on the most recent web app I am building. Buttons and captions (built the same way as above) do not format correctly. All of these elements are inside another element which has position: fixed (I am using this as a popup). The individual elements have position: absolute.


Expected results:

The results are only repeatable in Firefox. I have tried Chrome and IE and they work fine. I believe the issue may be from the external div having position: fixed.
I have the web app handy for troubleshooting, and will give address on not public level.

Updated

3 years ago
Group: core-security
Can you please attach a minimal html testcase via the "add an attachment" link in this bug report ?
Flags: needinfo?(russ.richardson)
(Reporter)

Comment 2

3 years ago
Unfortunately I have already found a fix for the issue, and was unable to create a test page that replicates it. The methods I was using were somewhat deprecated. I adjusted elements to incorporate a display: flex format and that fixed the issue. Sorry for the trouble.
Flags: needinfo?(russ.richardson)

Updated

3 years ago
Status: UNCONFIRMED → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.