Как использовать `dir =" auto "` с текстовой областью Angular Material?

Question

Рабочий пример с обычным textarea

Если у вас есть этот код:

<textarea dir="auto"></textarea>

И вы начнете писать, например, на арабском, вы обнаружите, что текст автоматическивыровнено по правому краю, как и должно быть.

Неработающий пример с Angular Material's textarea

<mat-form-field appearance="outline">
  <mat-label>Post</mat-label>
  <textarea dir="auto" matInput></textarea>
</mat-form-field>

Если вы начинаете писать, например, на арабском, к сожалению, текст остается левым -выровненный: (* ​​1013 *

Вопрос

Итак, вопрос: Как использовать dir="auto" с Angular Material's textarea? Или как выровнять текст по правому краю в Angular Material's's textareaкогда пользователь начинает писать по-арабски автоматически?

Answer 1

Раньше я даже не мог заставить dir="rtl" работать с Angular Material textarea.Но благодаря примеру в этом выпуске GitHub кажется, что это возможно, установив dir="rtl" в родительской форме.

Так что, возможно, временный обходной путь возможен при наличии * 1008Атрибут * 'dir берет свое значение из переменной-члена и получает значение этой переменной от пользователя или вычисляет его на основе первого символа в textarea или чего-то подобного.

Но да, неидеальное решение, и я надеюсь, что у кого-то есть лучшее.Но это частично отвечает на мой вопрос, поэтому я собираюсь оставить его здесь на случай, если это будет решение и для кого-то еще.