event.stopPropogation предотвращает открытие модального

Question

Существует 2 элемента div.

<div A>
      <div B></div>
</div>

нажатие на элемент div B должно открыть модальное окно, а нажатие на элемент div A - перейти на другую страницу. Я использовал event.stopPropogation, чтобы предотвратить переход страницы на другую страницу при нажатии на div div B. Но это препятствует открытию модального окна.

<div class="border-bottom m-2" *ngFor="let claim of userClaims" (click)="userDetails(claim)">
          <div class="row m-0">
              <div class="col-6 text-right h5" (click)="$event.stopPropagation();setClaim(claim);"  style="font-size: 18px">status
              </div>
            </div>
</div>