Multiselect checkboxes not aligning to the right in RTL

[philip-firstorder]

Bug, feature request, or proposal:

Multiselect checkboxes not aligning to the right in RTL

What is the expected behavior?

Checkboxes should align to the right

What is the current behavior?

Checkboxes are aligned to the left.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-5lqd6r?file=index.html

What is the use-case or motivation for changing an existing behavior?

Conform to the guidelines on bidirectionally.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

"@angular/material": "^5.2.1",

Is there anything else we should know?

[crisbeto]

The select does pick up the direction, but you need to set it either on the html, the body or an element inside the Angular app. In your example the dir is on an element outside of the app. That being said, there appears to be a weird visual glitch when it's in RTL on Chrome (the options shift around on click).

[philip-firstorder]

@crisbeto Solution worked, thanks.

Maybe explain this also in the documentation on how to set the dir value:
https://material.angular.io/cdk/bidi/overview

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}