User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:49.0) Gecko/20100101 Firefox/49.0 Build ID: 20160726004006 Steps to reproduce: Open http://codepen.io/iamakulov/pen/XKYRkk. Actual results: The “People Management” text is cropped as it should be, however, the ellipsis is invisible. Thus, the text looks like this: “People mana”. (Removing `transform-style: preserve-3d` from `.container` returns the ellipsis back. Ellipsis is also returned when specifying `background` on the `.container`, which is pretty interesting.) Expected results: The ellipsis should be visible, so the text will look like “People mana...”.

Looks like the ellipsis is present, but is white (and therefore invisible). Changing the background color, however, turns it back black (as it should be).

I can reproduce it on Win 10 X64 with FF Nightly 50.0a1(2016-07-31), DevEdition, beta48 and FF 47.0.1 release. I try to reproduce this on Mac but I can't, ellipsis is visible with `transform-style: preserve-3d`.

It works fine for me (I see "People M...") on Linux using FF48 and Nightly 51. I guess it could be some graphics / layer issue that only occurs on Windows.

Turning off D2D changes the result although it still looks wrong.

Let's understand if this is masking a bigger problem in our D2D backend.

(In reply to Milan Sreckovic [:milan] from comment #6) > Let's understand if this is masking a bigger problem in our D2D backend. Hrm, looking at the bug I suspect this somehow has to do with layers. With Skia there's still a significant difference between rendering with and without preserve-3d. Note that preserve-3d causes this element to get its own layer. (Our layerization on this page isn't great, fwiw). I'll try to figure out what's going on here.