Tengo problemas con tooltips en firefox. Cuando lo corro en chrome funciona sin problemas pero al correrlo en firefox no funciona a menos que lo saque del input Estiy trabajando en Laravel con boostrap
Asi se ve en Chrome
Y asi en firefox
En firefox funciona solo cuando lo saco de input
Este en mi codigo del tooltip, funciona en ambos pero si el tooltip se encuentra dentro input no funciona en firefox como se ve en la imagen
<div class="form-floating mb-3">
<input style="z-index:1;" name="abreviatura" type="text" class="form-control @error('abreviatura') is-invalid @enderror" id="abreviatura" value="{{ old('abreviatura') }}" placeholder="Abreviatura del pais" tabindex="0" required>
<a target="_blank"href="https://www.inm.gob.mx/gobmx/word/index.php/listado-de-paises-con-abreviaturas/" style="float: right; margin-top:-35px; margin-right:10px; z-index:2;" data-toggle="tooltip" data-bs-placement="bottom" title="Para más referencia da click">
<i class="fa-solid fa-circle-info"></i></a>
@error('abreviatura')
<span class="invalid-feedback">
<strong>{{ $message }}</strong>
</span>
@enderror
<label for="abreviatura">Abreviatura del pais</label>
</div>