Are angular material and flex layout compatible with each other?

Question

I use the latest angular and material (15) but I want to use also flex layout.

Answer 1

I have the same problem. I tried to port an Angular 14 app to 15 today and I faced several issues. A typical Angular/Flex Layout/Angular Material app, that also uses theming to be more precise.

1. I had to use the --force flat as already pointed out
2. There was an issue with a sass warning, which was apparently fixed with version 15.0.2 of Angular
3. The app compiles but there is an issue related to theming.

I decided to go stay on version 14 until it's possible to upgrade without issues. However, if you want to be able to upgrade to later versions in the future you should move away from Flex Layout.

Answer 2

Yes they are compatible, just try it out

Answer 3

According to this blog post from the Angular team, @angular/flex-layout will no longer receive any updates. The same blog post gives guidance how to replace it.