Javascript 有角度的js文本剪辑，如果文本超过150个字符，则将对其进行剪辑

正如您在下图中看到的，当问题超过150个字符时，问题被剪掉了，对此的最佳解决方案是什么？有什么建议吗？谢谢如果超过150个字符，我不希望文本或问题被删掉

它应该是动态的，并且应该调整

有棱角的

搜索问题
{{form.controls.question.value.question}
取消
搜索
{{question.question}}（{{question.choice？'Yes/No'：'Comment only'}）

Lorem ipsum dolor sit amet，奉献精英。镨
rem a错误是指普通实验室的错误
实习不需要劳埃德·苏西普兰（suscipit ullam），请继续
不动产不动产。
取消

不明白您的问题是什么？我已更新了问题。您的搜索文本框似乎有固定高度。尝试使其自动或添加一些最小高度。覆盖垫片的高度和宽度以及包装容器@DavlethWerg的高度和宽度，看一看，

<div fxLayout="row" fxLayoutGap="24px">
        <div fxFlex fxLayout="row">
          <mat-form-field appearance="outline" class="pr-4" fxFlex>
            <mat-label>Search Question</mat-label>
            <mat-chip-list #chipList>
              <mat-chip *ngIf="hasSelectedQuestion()" [selectable]="selectable" removable="true"
                (removed)="deselectQuestion()">
                {{form.controls.question.value.question}}
                <mat-icon matChipRemove>cancel</mat-icon>
              </mat-chip>
            </mat-chip-list>
            <input matInput #questionSearch [ngClass]="!hasSelectedQuestion() ? '' : 'hidden'" [matAutocomplete]="auto"
              [matChipInputFor]="chipList" formControlName="question" required class="full-width" trim />
            <mat-icon matSuffix>search</mat-icon>
            <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn">
              <mat-option *ngFor="let question of questions$ | async" [value]="question">
                {{question.question}} <span class="disabled-text">({{question.choice ? 'Yes/No' : 'Comment only'}})
                </span>
              </mat-option>
            </mat-autocomplete>
          </mat-form-field>
        </div>
      </div>