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.
Can you please attach a minimal html testcase via the "add an attachment" link in this bug report ?
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.
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.