Me encontré con algo muy extraño con el cambio de datos de Bootstrap. Aquí está el código:

 <div class="card-header" role="tab" id="tabId"> <a class="d-block" data-toggle="collapse" data-parent="#load-list" href="#collapse1-{{$index}}" aria-expanded="false"> <div class="row"> <span class="col-auto pr-0">Step {{ $index + 1 }}:</span> <span class="col-auto pr-0"> <i class="nuc-icon icon-pin-3"></i> {{ city + ', ' + stateCd }}</span> </div> <i class="icon icon-down-arrow-1-2 absolute-position"></i> </a> </div> <div id="collapse1-{{$index}}" class="collapse" role="tabpanel"> <span>Step details</span> </div>

Cuando hago clic en el icono que se supone que alterna el panel de detalles, funciona bien, sin embargo, no se colapsará cuando se vuelva a hacer clic. Lo que es aún más extraño es que soy la única persona a la que le sucede esto, en múltiples entornos. No se muestran errores en la consola y sucede con varios navegadores. Así que realmente no estoy pidiendo ayuda con el código aquí, más qué más puedo buscar para tratar de determinar cuál es el problema. ¿Podría haber algún tipo de configuración de la máquina que pudiera interferir con esto?

La aplicación está escrita en Angular 12 usando Bootstrap 4.5.