Closed Bug 819763 Opened 12 years ago Closed 11 years ago

Firefox doesn't display flash if inside transform-style:preserve-3d

Categories

(Core Graveyard :: Plug-ins, defect)

Product:
Core Graveyard
Component:
Plug-ins
Version:
10 Branch
Platform:
x86_64
Windows 7
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

(Not tracked)

Status:
RESOLVED WONTFIX

People

(Reporter: rodik, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:17.0) Gecko/20100101 Firefox/17.0
Build ID: 20121128204232

Steps to reproduce:

Embedding a flash player inside a div element which has transform-style:preserve-3d applied to it.

jsfiddle testcase: http://jsfiddle.net/ek59Y/1/
in the testcase, there are two embedded flash players. one shows up, one is hidden because it has transform-style:preserve-3d applied to it's parent.

This is a part of a coverflow-style system which requires this transform style in order to z-index elements properly according to their 3d orientation


Actual results:

The flash did not render.
left clicking on it's position will not open any kind of context menu, which leads me to believe some kind of ghost element still exists there.
Upon removing the transform-style, or changing it to flat, the flash will render.


Expected results:

The flash player should have rendered properly, and z-indexed according to it's 3d orientation, and not it's DOM order.
Using Window Mode (wmode)helps.
Using the provided jsfiddle testcase, I was able to reproduce the issue on the latest Nightly.

User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:20.0) Gecko/20121213 Firefox/20.0
Build ID: 20121213030751
Status: UNCONFIRMED → NEW
Ever confirmed: true
Component: Untriaged → Style System (CSS)
Product: Firefox → Core
Version: 17 Branch → 10 Branch
Component: Style System (CSS) → Plug-ins
We don't support windowed plugins in transforms. Use wmode=transparent or wmode=opaque.
At this point, we are not going to fix this bug. You can get this to work by specifying wmode="opaque" (or "transparent").
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → WONTFIX
(In reply to Benjamin Smedberg  [:bsmedberg] from comment #6)
> At this point, we are not going to fix this bug. You can get this to work by
> specifying wmode="opaque" (or "transparent").

this bug was marked as duplicate [#832929] but it is not fixed by specifying wmode="opaque" (or "transparent")
I can confirm that this bug is still active. Adding wmode="transparent" or wmode="opaque" does not resolve it.

http://jsfiddle.net/MqCmX/4/
WFM on Windows. Are you on mac, and if so isn't this a duplicate of mac-specific bug 832929?
My apologizes. You are correct. Works fine on Windows, despite the active bug in mac.
Just as a reminder; You can call it 832929 or 819763 specifying wmode="opaque" (or "transparent") doesn't change that:

Windows (XP to 8), FF 23.0.1: There is a black box
Mac OS (10.8), FF 23.0.1: Play Button (and other chrome) recognizes the hovering but no click

View: http://jsfiddle.net/aZMnP/
With the OS X issue being known, can you please (In reply to P297 from comment #16)
> Windows (XP to 8), FF 23.0.1: There is a black box
[...]
> View: http://jsfiddle.net/aZMnP/

Using wmode=opaque or wmode=transparent instead of wmode=Opaque (note the upper case) makes it work fine for me.
Priority: -- → P3
Priority: P3 → --
Product: Core → Core Graveyard
You need to log in before you can comment on or make changes to this bug.