Open Bug 726601 Opened 14 years ago Updated 3 years ago

'perspective' doesn't work correctly on tables

Categories

(Core :: CSS Parsing and Computation, defect)

Product:
Core
Component:
CSS Parsing and Computation
Platform:
x86
Linux
Type:
defect

Tracking

()

People

(Reporter: ayg, Unassigned)

Details

Test case: data:text/html,<!doctype html> <div style="-moz-perspective:1000px"> <div style="-moz-transform:rotatey(45deg); height:100px;width:100px;background:blue; display:table"> There's no perspective. Removing "display: table" adds the perspective. On the other hand, if you put -moz-perspective on the table, the inner table frame is what gets the property, so it affects the outer frame, which it shouldn't: data:text/html,<!doctype html> <div style="-moz-transform:rotatey(45deg); height:100px;width:100px;background:blue; display:table;-moz-perspective:1000px"> The perspective needs to propagate from the parent of the table to the outer table frame somehow, and be ignored on the inner table frame. I looked briefly at this, but it seems to be above my head.
(In reply to Aryeh Gregor from comment #0) > The perspective needs to propagate from the parent of the table to the outer > table frame somehow, This can be done in layout/style/ua.css (see the *|*::-moz-table-outer rule). > and be ignored on the inner table frame. This might be harder, though hopefully not too much.
Is it really even so easy to propagate to the outer table frame? Remember that it's affected by the value of perspective-origin, which is relative to the parent. If you inherit perspective without perspective-origin, the perspective on the table will have the center of the table as its origin, which is wrong. I'm pretty sure this will need some coding, not just CSS changes, although probably the coding will be easy for someone familiar with layout code (not me).
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.