Closed Bug 1405071 Opened 7 years ago Closed 7 years ago

preserve-3d on a parent causes child SVG to not display at all

Categories

(Core :: Layout, defect, P3)

56 Branch
defect

Tracking

()

RESOLVED DUPLICATE of bug 1397671
Tracking Status
firefox57 --- affected
firefox58 --- unaffected

People

(Reporter: damien.erambert, Assigned: jwatt)

Details

Attachments

(1 file)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 Steps to reproduce: Given the setup present in this codepen snippet https://codepen.io/eramdam/pen/MEEWmp, the two <svg> elements should display properly. It seems tied to `transform-style: preserve-3d` because applying `transform-style: initial` or removing `transform-style: preserve-3d` fixes the issue but I may be missing something else. Actual results: The <svg> element whose parent <div> has `transform-style: preserve-3d` applied doesn't display. The same code displays fine on Chrome and was working on Firefox v55. This looks like a regression, and it's not fixed in Firefox 57 either. Expected results: The two <svg> elements should display properly.
This also happens on FireFox 56.0: https://i.imgur.com/VtaBDq3.png User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
Component: Untriaged → Layout
Product: Firefox → Core
Jonathan: can you track down what broke/fixed this in FF56/FF58 and get the uplifts sorted? Thx!
Flags: needinfo?(jwatt)
Priority: -- → P3
Assignee: nobody → jwatt
Flags: needinfo?(jwatt)
Attachment #8915055 - Attachment description: reduced testcase → reduced testcase (a small black square should be visible)
Looks like this was already fixed and uplifted to beta in bug 1397671.
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: