Menu icon Foundation
Swap out incompatible IE9 F4A elements with F4S

Hi All,

Our company is currently embarking on a new project which we'd really love to use Angular. The plan was to use F4A for everything in the project. The only problem is lack of compatibility with IE9. Having not used F4A yet I would like to know if it is possible to swap out elements that are not compatible with IE9?

The main issue I can see is the flexbox grid. Is it possible to simply swap out the new grid with the F4S grid or use a polyfill such as http://flexiejs.com/? If possible I would appreciate some best practices for doing so.

Many thanks in advance.

IE9sites gridcompatibility

Hi All,

Our company is currently embarking on a new project which we'd really love to use Angular. The plan was to use F4A for everything in the project. The only problem is lack of compatibility with IE9. Having not used F4A yet I would like to know if it is possible to swap out elements that are not compatible with IE9?

The main issue I can see is the flexbox grid. Is it possible to simply swap out the new grid with the F4S grid or use a polyfill such as http://flexiejs.com/? If possible I would appreciate some best practices for doing so.

Many thanks in advance.

This post has been closed. No new replies can be added.

Rafi Benkual over 4 years ago

You could use Foundation for apps with the flexbox polyfill. The sites components will work in Apps. You'll need to add jQuery to get the JS stuff to work.

Jason made an apps sites hybrid project - https://github.com/RelutionDev/foundationUltra

OR

Use the Sites version with Angular http://pineconellc.github.io/angular-foundation/