-
Notifications
You must be signed in to change notification settings - Fork 773
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fxLayout="row-reverse" not rendering correctly when nested inside a fxLayout="row" #78
Comments
Issues are considered invalid without a working Plunkr or CodePen demo. Also here are some important guidelines for investigating a Layout issue:
Templates |
Here is a Plunkr https://plnkr.co/edit/JcQRiKbeU0uB3m91RMHo?p=preview The inner layout is set to row-reverse but always shows as row irrespecitive of the outer containers layout |
@adrian-heath - This is a great Plnkr. Thank you very much! You will laugh > the issue is simple and easy to stumble into. Your version is using binding to expression that is actually a static text value: Yours: <div [fxLayout]="row-reverse" class="colored box" > Corrected <div fxLayout="row-reverse" class="colored box" > |
Closing as not-an-issue. |
I've done that more than once myself. |
Me too! |
Turns out whilst I thought I had recreated as it was in my code, I'd missed something which does break row-reverse. I added fxLayoutAlign="center center" to the inner container and row-reverse was broken again. I'll create a separate issue since this one is now closed |
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
The use of row-reverse is not being rendered correctly as shown in the below HTML for the nested flex container which shows flex-direction:row.
Changing the outer container to also be row-reverse still doesn't correct the inner containers direction.
The text was updated successfully, but these errors were encountered: