Мат-дерево горизонтальная прокрутка. Как добавить это?

Question

У меня проблемы с горизонтальной прокруткой.Моя реализация mat-tree от здесь .Вертикальная прокрутка работает отлично, но горизонтальная не работает.Как добавить его в мой мат?Используя параметр переполнения, я вижу горизонтальную полосу прокрутки, но она не работает, не реагирует на содержимое и по-прежнему отключена.

<mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
  <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
    <button mat-icon-button disabled></button>
    {{node.item}}
  </mat-tree-node>
  <mat-tree-node *matTreeNodeDef="let node; when: hasChild" matTreeNodePadding>
    <button mat-icon-button
            [attr.aria-label]="'toggle ' + node.filename" matTreeNodeToggle>
      <mat-icon class="mat-icon-rtl-mirror">
        {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
      </mat-icon>
    </button>
    {{node.item}}
    <mat-progress-bar *ngIf="node.isLoading"
                      mode="indeterminate"
                      class="example-tree-progress-bar"></mat-progress-bar>
  </mat-tree-node>
</mat-tree>

.example-tree-progress-bar {
  margin-left: 30px;
}

Answer 1

работает для меня с https://github.com/angular/flex-layout/wiki/fxFlex-API, должно быть из-за max-width = 20%, которое он устанавливает при упаковке div:

  <div fxFlex="1 1 20%" fxLayout="row" style="overflow: scroll">
      <mat-tree fxFlex="0 0 auto" ...>
  </div>