Famous / famous-angular

Bring structure to your Famo.us apps with the power of AngularJS. Famo.us/Angular integrates seamlessly with existing Angular and Famo.us apps.
https://famo.us/angular
Mozilla Public License 2.0
1.92k stars 275 forks source link

Demos on ie10 are broken #247

Closed dotnetwise closed 9 years ago

dotnetwise commented 9 years ago

Is IE10 not supported at all?

Although the famous seems to be rendering right, the demos pages are broken.

Try this in IE10 http://famo.us/integrations/angular/#/3

steveblue commented 9 years ago

IE doesn't seem to be supported yet, due to the lack of transform-style:preserve-3d. Microsoft says this feature is in development, but it is the single largest roadblock.

andrelevi commented 9 years ago

That particular issue at http://famo.us/integrations/angular/#/3 is actually due to trying to implement a custom input range styling with CSS properties IE does not support. Will be fixed eventually!

zackbrown commented 9 years ago

IE10 is in fact supported by Famo.us (and thus Famo.us/Angular) but there's one caveat: due to the that still-lacking translate-Z support, for IE10 3D-friendliness you will have to z-index components with CSS in addition to CSS translate-Z. This would be a cool feature to have in the core library (either Famo.us or Famo.us/Angular: something that applies CSS z-indexes to components to match their translate-Zs) but it's not currently on the core roadmap. This feature that would be ripe for a community contributor to pick up :) In the meantime, for those interested in 3D support in IE10, z-indexing can be handled manually.

steveblue commented 9 years ago

Microsoft is claimng support for transform-style:preserve-3d is in the latest windows 10 preview release. This will hopefully resolve the issue with z translate in IE12 and since IE is now evergreen and there is a good surge of people already testing Windows 10 I hope this will be an easy win. https://status.modern.ie