Tengo un select2 múltiple, que cuando se selecciona un elemento específico de él, digamos "OTROS", habilita un input text, de modo que ahí se ingrese información adicional. Esto funciona en forma correcta.
Cuando se da clic al botón de Enviar, se realiza la validación de que si la opción "OTROS" del select2 esta seleccionada y el input box está vacío (no se ha ingresado información), se muestra un alerta para que el usuario ingrese información en el input text y se asigna el foco al input text.
El problema es que el input text no recibe el foco, por lo que cuando el usuario quiere ingresar la información, primero debe hacer clic sobre el input y luego ingresar la información, lo cual le quita fluidez a la acción.
El código del despliegue del input text es el siguiente
<div class="row container-fluid mt-1 justify-content-start">
<div class="col-md-6">
<div class="container-fluid row mt-1">
<div class="col-12 align-self-start">
<p>LISTA DISTRIBUCIÓN</p>
</div>
<div class="col-12 form-group">
<textarea id="listadistribucion" class="form-control" name="listadistribucion" rows="3"></textarea>
</div>
</div>
</div>
<div class="col-6">
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="ant">PROYECTO</span>
</div>
<input id="descproyecto" name="descproyecto" type="text" class="form-control" placeholder="Ingrese Nombre Proyecto" aria-label="ant" aria-describedby="basic-addon1">
</div>
</div>
</div>
Donde hago la validación es:
}else if((flagDescProyecto==1)&&($("#descproyecto").val().length<1)){
//console.log($("#descproyecto").val());
alert("Debes ingresar el nombre del proyecto");
$('#pills-tab a[href="#fondos"]').tab('show');
//$('#actividad').tab('show');
$("#descproyecto").focus();
}
La validación funciona correctamente, pues ingresa en el "if".
En los demás elementos que tiene el formulario, el tema del foco funciona bien, pero aquí, no se realmente lo que pase. O estoy cometiendo un error demasiado trivial que no lo veo o tal vez los formatos bootstrap que uso en esta parte específica está haciendo que algo no lo tome.