title: Mouse points on one info icon, Tooltip opens multiple times
body: <p>if I put my mouse pointer on one of the info buttons, it will show both tooltips. How can I prevent this? I just want to show the one tooltip, on which the mouse pointer points to. Does anyone have an idea?</p>
  <p><a href="https://i.stack.imgur.com/fpyHz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fpyHz.png" alt="enter image description here" /></a></p>
  <p>Here is the code:</p>
  <pre><code>      &lt;div class=&quot;col-12 col-lg-6&quot;&gt;
      &lt;div class=&quot;dx-fieldset-header&quot;&gt;Dateianhänge&lt;span class=&quot;dx-fieldset-header-subtext&quot;&gt; Download / Löschen&lt;/span&gt;&lt;/div&gt;
      &lt;div class=&quot;dx-field&quot;&gt;
        &lt;div class=&quot;anhang-liste&quot;&gt;
          &lt;mat-chip-list *ngIf=&quot;data?.anhanglist.length&quot; aria-label=&quot;Anhänge löschen&quot;&gt;
            &lt;mat-chip *ngFor=&quot;let anhang of data?.anhanglist&quot; class=&quot;anhang-chip&quot;&gt;
              &lt;span class=&quot;anhang-filename&quot; (click)=&quot;downloadAnhang(anhang)&quot;&gt;
                {{ anhang.dateiname }}
              &lt;/span&gt;
              &lt;mat-icon  *ngIf=&quot;!IstAnhangBereitsInKontoauszugszeileVerwendet(anhang.id)&quot; class=&quot;anhang-delete&quot; (click)=&quot;deleteAnhang(anhang)&quot;&gt;cancel&lt;/mat-icon&gt;
              &lt;i
              *ngIf=&quot;IstAnhangBereitsInKontoauszugszeileVerwendet(anhang.id)&quot;
              style=&quot;margin-left: 0.2em;&quot;
              class=&quot;fa fa-info-circle&quot;
              id=&quot;infoKontoauszugzeilenAnhang{{anhang.id}}&quot;
              (mouseenter)=&quot;toggleDefault()&quot;
              (mouseleave)=&quot;toggleDefault()&quot;
            &gt;
            &lt;dx-tooltip
            *ngIf=&quot;IstAnhangBereitsInKontoauszugszeileVerwendet(anhang.id)&quot;
              target=&quot;#infoKontoauszugzeilenAnhang{{anhang.id}}&quot;
              [(visible)]=&quot;defaultVisible&quot;
              [closeOnOutsideClick]=&quot;false&quot;
            &gt;Verwendet in folgenden Kontoauszugzeilen:
              {{zeilenNummernMitAnhang[anhang.id]}}
            &lt;/dx-tooltip&gt;
            &lt;/i&gt;
            &lt;/mat-chip&gt;
          &lt;/mat-chip-list&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt; 
  </code></pre>