title: Angular Material - How to display matTooltip for angular stepper when the steps are disabled
body: <p>I have an Angular horizontal stepper, that is disabled in the css and I want to display the tooltip.
  This is not going to work because of the disabled css code.</p>
  <pre><code>// .ts file:
  &lt;mat-horizontal-stepper labelPosition=&quot;bottom&quot; #stepper&gt;
    &lt;mat-step
      editable=&quot;false&quot;&gt;
      &lt;ng-template matStepLabel&gt;
        &lt;span matTooltip=&quot;'test11111'&quot;&gt;test1&lt;/span&gt;
      &lt;/ng-template&gt;
    &lt;/mat-step&gt;
  &lt;/mat-horizontal-stepper&gt;
  </code></pre>
  <pre><code>// .scss file
  :host ::ng-deep .mat-horizontal-stepper-header-container {
      pointer-events: none;
      cursor: not-allowed;
  }
  </code></pre>
  <p>How can the tooltip be displayed with disabled step?</p>