html - Fel Ouppfångad TypeError: e.target.className.indexOf är inte en funktion vid HTMLDocument.mouseup (translator.js:433) i angular

Jag har en modal Bootstrap, när jag klickar på en SVG för att redigera mina data får jag:

Okontrollerat TypeError: e.target.className.indexOf är inte en funktion vid HTMLDocument.mouseup (translator.js:433)

Min svg:

  <svg data-dismiss="modal" class="cursorPointer" (click)="editaDescricao(sortedData[i])" fill="darkorange" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/><path d="M0 0h24v24H0z" fill="none"/></svg>

mina importeringar:

<body>

      <!-- Font Awesome -->
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css">
      <!-- Bootstrap core CSS -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
      <!-- Material Design Bootstrap -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.4/css/mdb.min.css" rel="stylesheet">

      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
      <!-- Bootstrap tooltips -->
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
      <!-- Bootstrap core JavaScript -->
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
      <!-- MDB core JavaScript -->
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.4/js/mdb.min.js"></script>

  <app-root>
  </app-root>

</body>

Angular v7.2, jag tror att detta inte hände i v6.

@Redigera:

Del av min modal:

div class="modal fade" id="modalPesquisa" tabindex="-1" data-backdrop="false" role="dialog">

    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLongTitle">Pesquisa de descrição de produtos</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
             //svg comes here

Svar #1

om du har en mate-tillägg i din Google Chrome behöver du ta bort det, jag tror att det kommer lösa ditt problem

Svar #2

att inaktivera mate-translate-tillägget fungerar för mig.