Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.Sign up
Directionality service to monitor dynamic changes to the 'dir' attribute at the top-level. #17637
Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/flexlayoutgap-with-rtl-with-wrong-direction
Steps to reproduce:
What behavior were you expecting to see?
As per the FlexLayout documentation if i use RTL on body tag then my direction will change to rtl and the fxLayoutGap="5px" will render to margin-left:5px to its child div.
What behavior did you actually see?
I am not getting the desired result. I can find the margin-right still present in RTL instead of margin-left. There may be some issue with the Directionality service. It looks like that the service only checks the top-level (HTML) or body-level (body) for the presence of a dir attribute.
Default State when application loads
After Clicking on 'Toggle Direction' button