дал форму в диалоге, используя материальные формы, но я не могу получить входные значения шире, чем 180px, несмотря на многочисленные примеры, включаяhttps://material.angular.io/components/input/example.

Я уверен, что это довольно стандартная вещь CSS, но у меня нет такого рода мозгов, поэтому я не могу понять проблему.

У кого-нибудь есть серьезный / нетривиальный пример, который работает ??

Вот мой:

<h1 mat-dialog-title>{{title}}</h1>
<mat-dialog-content>
  <form novalidate #f="ngForm" class="form-full-width">
    <mat-form-field class="input-full-width">
      <input type="text" [(ngModel)]="data.name" name="name" matInput placeholder="Name">
      <mat-hint>Enter a unique name.</mat-hint>
    </mat-form-field>
    <mat-form-field class="input-full-width">
      <textarea [(ngModel)]="data.description" name="description" matInput placeholder="Description"></textarea>
      <mat-hint>You should describe the purpose/use of this thing.</mat-hint>
    </mat-form-field>
  </form>
</mat-dialog-content>

CSS:

.form-full-width {
    min-width: 150px;
    max-width: 500px;
    width:100%;
}

.input-full-width {
    width:800px;
}

.mat-form-field.mat-form-field {
    width: auto;
}

Спасибо