工具提示不适用于小型设备

Question

我正在为mini-fab button使用工具提示，如以下代码所示：

html

 <span class="right">
     <button  mat-mini-fab matTooltip="John Doe"  [matTooltipPosition]="position.value" color="accent">
          <mat-icon>perm_identity</mat-icon>
     </button>
 </span>

ts

public positionOptions: TooltipPosition[] = ['left'];
public position = new FormControl(this.positionOptions[0]); 

在此处，工具提示显示在左侧，如下图所示。

它仅在较大的设备上正确显示。

当我调整浏览器窗口的大小时（例如，较小的设备），它像这样溢出。

我尝试使用 position 属性，仍然没有结果。