52030 2011-01-06 15:23:59 -0800 Nested 3D transforms (translateZ, rotateX, rotateY) do not work correctly 2011-04-13 14:16:47 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac (Intel) OS X 10.6 RESOLVED WORKSFORME P2 Normal --- 58477 0 tom webkit-unassigned cmarrin simon.fraser oldest_to_newest 330482 0 78174 tom 2011-01-06 15:23:59 -0800 Created attachment 78174 demonstrates bug with 2 working and 2 broken examples A 3D transform has no effect if any ancestor element also has a 3D transform, and if the transform operates in the Z direction (translateZ, rotateX, rotateY). The provided reduction has four examples with two cases each, one where both transforms are applied directly to the colored squares, the other where the rotateY is applied to the containing element of the same size. The first two examples work correctly in both cases because the transforms rotate/translate in the X/Y direction. The second two examples do not work in the case where the rotateY transform is on the containing element because they rotate/translate in the Z direction. 330488 1 simon.fraser 2011-01-06 15:28:21 -0800 This is working as expected. You need to set transform-style if you want the elements to share a 3D space. See example at http://webkit.org/blog-files/3d-transforms/transform-style.html 78174 2011-01-06 15:23:59 -0800 2011-01-06 15:23:59 -0800 demonstrates bug with 2 working and 2 broken examples reduction.html text/html 3316 tom PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBIVE1MIDQuMDEvL0VOIgogICAiaHR0 cDovL3d3dy53My5vcmcvVFIvaHRtbDQvc3RyaWN0LmR0ZCI+Cgo8aHRtbCBsYW5nPSJlbiI+Cjxo ZWFkPgoJPG1ldGEgaHR0cC1lcXVpdj0iQ29udGVudC1UeXBlIiBjb250ZW50PSJ0ZXh0L2h0bWw7 IGNoYXJzZXQ9dXRmLTgiPgoJPHRpdGxlPm5lc3RlZCAzRCB0cmFuc2Zvcm1zIHJlZHVjdGlvbjwv dGl0bGU+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiIG1lZGlhPSJzY3JlZW4iPgogICAgICAg IGJvZHkgewogICAgICAgICAgICAtd2Via2l0LXBlcnNwZWN0aXZlOiAxMDAwcHg7CiAgICAgICAg fQogICAgICAgIGRpdiB7CiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgICAgICAg ICAgd2lkdGg6IDIwMHB4OwogICAgICAgICAgICBoZWlnaHQ6IDIwMHB4OwogICAgICAgIH0KICAg ICAgICBkaXYjY29udGFpbmVyIHsKICAgICAgICAgICAgdG9wOiAxMDBweDsKICAgICAgICAgICAg bGVmdDogMTAwcHg7CiAgICAgICAgfQogICAgICAgIGRpdiNhIHsKICAgICAgICAgICAgYmFja2dy b3VuZC1jb2xvcjogcmVkOwogICAgICAgIH0KICAgICAgICBkaXYjYiB7CiAgICAgICAgICAgIGJh Y2tncm91bmQtY29sb3I6IGJsdWU7CiAgICAgICAgfQoKCiAgICAgICAgLmNhc2UxYSBkaXYjY29u dGFpbmVyIHsKICAgICAgICB9CiAgICAgICAgLmNhc2UxYSBkaXYjYSB7CiAgICAgICAgICAgIC13 ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKSB0cmFuc2xhdGVYKDEwMHB4KTsKICAgICAg ICB9CiAgICAgICAgLmNhc2UxYSBkaXYjYiB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3Jt OiByb3RhdGVZKDYwZGVnKTsKICAgICAgICB9CgogICAgICAgIC5jYXNlMWIgZGl2I2NvbnRhaW5l ciB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAg ICB9CiAgICAgICAgLmNhc2UxYiBkaXYjYSB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3Jt OiB0cmFuc2xhdGVYKDEwMHB4KTsKICAgICAgICB9CiAgICAgICAgLmNhc2UxYiBkaXYjYiB7CiAg ICAgICAgfQoKCiAgICAgICAgLmNhc2UyYSBkaXYjY29udGFpbmVyIHsKICAgICAgICB9CiAgICAg ICAgLmNhc2UyYSBkaXYjYSB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZ KDYwZGVnKSByb3RhdGVaKDYwZGVnKTsKICAgICAgICB9CiAgICAgICAgLmNhc2UyYSBkaXYjYiB7 CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAgICB9 CgogICAgICAgIC5jYXNlMmIgZGl2I2NvbnRhaW5lciB7CiAgICAgICAgICAgIC13ZWJraXQtdHJh bnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAgICB9CiAgICAgICAgLmNhc2UyYiBkaXYjYSB7 CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVaKDYwZGVnKTsKICAgICAgICB9 CiAgICAgICAgLmNhc2UyYiBkaXYjYiB7CiAgICAgICAgfQoKCiAgICAgICAgLmNhc2UzYSBkaXYj Y29udGFpbmVyIHsKICAgICAgICB9CiAgICAgICAgLmNhc2UzYSBkaXYjYSB7CiAgICAgICAgICAg IC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKSB0cmFuc2xhdGVaKDEwMHB4KTsKICAg ICAgICB9CiAgICAgICAgLmNhc2UzYSBkaXYjYiB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNm b3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAgICB9CgogICAgICAgIC5jYXNlM2IgZGl2I2NvbnRh aW5lciB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAg ICAgICB9CiAgICAgICAgLmNhc2UzYiBkaXYjYSB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNm b3JtOiB0cmFuc2xhdGVaKDEwMHB4KTsKICAgICAgICB9CiAgICAgICAgLmNhc2UzYiBkaXYjYiB7 CiAgICAgICAgfQoKCiAgICAgICAgLmNhc2U0YSBkaXYjY29udGFpbmVyIHsKICAgICAgICB9CiAg ICAgICAgLmNhc2U0YSBkaXYjYSB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3Rh dGVZKDYwZGVnKSByb3RhdGVYKDYwZGVnKTsKICAgICAgICB9CiAgICAgICAgLmNhc2U0YSBkaXYj YiB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAg ICB9CgogICAgICAgIC5jYXNlNGIgZGl2I2NvbnRhaW5lciB7CiAgICAgICAgICAgIC13ZWJraXQt dHJhbnNmb3JtOiByb3RhdGVZKDYwZGVnKTsKICAgICAgICB9CiAgICAgICAgLmNhc2U0YiBkaXYj YSB7CiAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGVYKDYwZGVnKTsKICAgICAg ICB9CiAgICAgICAgLmNhc2U0YiBkaXYjYiB7CiAgICAgICAgfQoKICAgIDwvc3R5bGU+CjwvaGVh ZD4KPGJvZHkgY2xhc3M9ImNhc2UxYSI+CiAgICA8c2VsZWN0IG9uY2hhbmdlPSJkb2N1bWVudC5i b2R5LmNsYXNzTmFtZSA9IHRoaXMudmFsdWU7IiBzaXplPSIxIj4KICAgICAgICA8b3B0aW9uIHZh bHVlPSJjYXNlMWEiPjFBOiByb3RhdGVZICsgdHJhbnNsYXRlWCwgYm90aCBvbiBlbGVtZW50IChH T09EKTwvb3B0aW9uPgogICAgICAgIDxvcHRpb24gdmFsdWU9ImNhc2UxYSI+MUI6IHJvdGF0ZVkg KyB0cmFuc2xhdGVYLCByb3RhdGVZIG9uIHBhcmVudCAoR09PRCk8L29wdGlvbj4KICAgICAgICA8 b3B0aW9uIHZhbHVlPSJjYXNlMmEiPjJBOiByb3RhdGVZICsgcm90YXRlWiwgYm90aCBvbiBlbGVt ZW50IChHT09EKTwvb3B0aW9uPgogICAgICAgIDxvcHRpb24gdmFsdWU9ImNhc2UyYiI+MkI6IHJv dGF0ZVkgKyByb3RhdGVaLCByb3RhdGVaIG9uIHBhcmVudCAoR09PRCk8L29wdGlvbj4KICAgICAg ICA8b3B0aW9uIHZhbHVlPSJjYXNlM2EiPjNBOiByb3RhdGVZICsgdHJhbnNsYXRlWiwgYm90aCBv biBlbGVtZW50IChHT09EKTwvb3B0aW9uPgogICAgICAgIDxvcHRpb24gdmFsdWU9ImNhc2UzYiI+ M0I6IHJvdGF0ZVkgKyB0cmFuc2xhdGVaLCByb3RhdGVZIG9uIHBhcmVudCAoQkFEKTwvb3B0aW9u PgogICAgICAgIDxvcHRpb24gdmFsdWU9ImNhc2U0YSI+NEE6IHJvdGF0ZVkgKyByb3RhdGVYLCBi b3RoIG9uIGVsZW1lbnQgKEdPT0QpPC9vcHRpb24+CiAgICAgICAgPG9wdGlvbiB2YWx1ZT0iY2Fz ZTRiIj40Qjogcm90YXRlWSArIHJvdGF0ZVgsIHJvdGF0ZVkgb24gcGFyZW50IChCQUQpPC9vcHRp b24+CiAgICA8L3NlbGVjdD4KICAgIDxkaXYgaWQ9ImNvbnRhaW5lciI+CiAgICAgICAgPGRpdiBp ZD0iYSI+PC9kaXY+CiAgICAgICAgPGRpdiBpZD0iYiI+PC9kaXY+CiAgICA8L2Rpdj4KPC9ib2R5 Pgo8L2h0bWw+Cg==