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

RESOLVED WONTFIX

Status

()

Core
Plug-ins
RESOLVED WONTFIX
5 years ago
2 years ago

People

(Reporter: Rodik Hanukaev, Unassigned)

Tracking

10 Branch
x86_64
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

5 years ago
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.

Comment 1

5 years ago
Using Window Mode (wmode)helps.

Comment 2

5 years ago
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

Updated

5 years ago
Component: Untriaged → Style System (CSS)
Product: Firefox → Core

Updated

5 years ago
Version: 17 Branch → 10 Branch
Component: Style System (CSS) → Plug-ins

Updated

5 years ago
Duplicate of this bug: 821751
We don't support windowed plugins in transforms. Use wmode=transparent or wmode=opaque.
Duplicate of this bug: 832929

Comment 6

5 years ago
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
Last Resolved: 5 years ago
Resolution: --- → WONTFIX

Comment 7

5 years ago
(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")

Updated

5 years ago
Duplicate of this bug: 842291

Updated

4 years ago
Duplicate of this bug: 863673

Comment 10

4 years ago
I can confirm that this bug is still active. Adding wmode="transparent" or wmode="opaque" does not resolve it.

http://jsfiddle.net/MqCmX/4/

Comment 11

4 years ago
WFM on Windows. Are you on mac, and if so isn't this a duplicate of mac-specific bug 832929?

Comment 12

4 years ago
My apologizes. You are correct. Works fine on Windows, despite the active bug in mac.
Duplicate of this bug: 903688
Duplicate of this bug: 908073

Updated

4 years ago
Duplicate of this bug: 915463

Comment 16

4 years ago
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 → --
Duplicate of this bug: 1185373

Updated

2 years ago
Duplicate of this bug: 1185374

Updated

2 years ago
Duplicate of this bug: 1249063
You need to log in before you can comment on or make changes to this bug.