En este artículo te explicaré un problema que me pasó hace algún tiempo usando la librería Awesomplete y el framework Bootstrap.

Pasa que al hacer un autocompletado con AJAX,  el input perdía su estilo y se mostraba a la derecha de la etiqueta. Algo así:

Awesomplete con Bootstrap – Cambiando estilo de input

Cuando en realidad, debería mostrarse así:

Input correcto con awesomplete y Bootstrap

Corrigiendo problema

Es muy fácil, simplemente hay que modificar el código de awesomplete en awesomplete.base.css y eliminar, dentro del selector .awesomplete, el estilo de display: inline-block;

Originalmente está así:

Pero debemos eliminar o comentar ese estilo, así:

Algún experto en CSS debe saber la razón. Tal vez es el comportamiento que el autor de la librería quería, no lo sé, pero así se arregla el error que ocurre al usar Awesomplete con Bootstrap.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 750 suscriptores

Relacionado:  reCAPTCHA v2 con PHP - Ejemplo de integración

parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comments

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: