Bug Report
What is the expected behaviour?
I would expect that i.e. fxLayoutGap will not set 'margin-right' but 'margin-inline-end'.
Always use direction independent when feasible.
What is the current behaviour?
fxLayoutGap adds style 'margin-right'.
What are the steps to reproduce?
Just use fxLayoutGap directive.
What is the use case or motivation for changing an existing behaviour?
When changing the document direction to right-to-left (CSS "direction: rtl" ) the layout is broken when using fxLayoutGap to define space between elements in a flex container.
Which versions of Angular, Material, OS, TypeScript, and browsers are affected?
Angular 19.2.9, Material 19.2.9, all browsers.
Is there anything else we should know?
Bug Report
What is the expected behaviour?
I would expect that i.e. fxLayoutGap will not set 'margin-right' but 'margin-inline-end'.
Always use direction independent when feasible.
What is the current behaviour?
fxLayoutGap adds style 'margin-right'.
What are the steps to reproduce?
Just use fxLayoutGap directive.
What is the use case or motivation for changing an existing behaviour?
When changing the document direction to right-to-left (CSS "direction: rtl" ) the layout is broken when using fxLayoutGap to define space between elements in a flex container.
Which versions of Angular, Material, OS, TypeScript, and browsers are affected?
Angular 19.2.9, Material 19.2.9, all browsers.
Is there anything else we should know?