anchor tag not working in mat-toolbar

Question

my anchor tag and button click is disabled in between <mat-toolbar></mat-toolbar> . If I place them outside click is working normal. Here is my code, do I have to do anything explicitly to make them work inside mat-toolbar? I tried with ng-href for anchor element which didn't work as well.

<mat-toolbar>
    <mat-toolbar-row>
      <div>
          <a href="https://www.w3schools.com">OUR COMPANY</a>
      </div>
    </mat-toolbar-row>
  </mat-toolbar>

Answer 1

It works fine !

<div class="example-container mat-elevation-z8">
   <mat-toolbar>
    <mat-toolbar-row>
      <div>
          <a href="https://www.w3schools.com">OUR COMPANY</a>
      </div>
    </mat-toolbar-row>
  </mat-toolbar>
</div>

DEMO STACKBLITZ