Biblioteca HTML DataList polyfill

Vista prévia

Descripción

Esto es un HTML < DataList > etiqueta polyfill para proporcionar el accesible DataList funcionalidad en los exploradores que no lo soportan.

Funcionamiento

Supongamos que tiene una lista desplegable con los valores predefinidos como este:

<datalist id="animallist" title="Suggestions to choose from">

<option value="Cat">

<option value="Cow">

<option value="Dog">

<option value="Horse">

<option value="Lion">

<option value="Pig" disabled>

<option value="Zebra">
</datalist>

Descargue e inserte el archivo JavaScript ' DataList-polyfill. min. js ' en la parte inferior de la Página Web. Eso es todo.

<script src="datalist-polyfill.min.js"></script>

Registro de cambios

03/09/2019

• fijado para tener una minificación "correcta"

01/26/2019

• No hay ninguna subcadena coincidente para varias sugerencias de emailadress en IE10 + y EDGE

v1.23.2 (01/19/2019)

• Evite que el formulario se envíe al seleccionar un valor a través de la tecla ENTER dentro de la

v1.23.0 (01/05/2019)

• Microsoft EDGE/DataList popups obtener "vaciado" al recibir el foco a través de tabulación

11/10/2018

• Corregido: TypeError: undefined no es un objeto (evaluando ' i. setAttributeNode ')

08/18/2018

• utilizando tanto la etiqueta de sugerencias como el valor para identificar la sugerencia para el usuario

v1.21.2 (08/12/2018)

• Finalmente integró la prueba con respecto a hacer clic en los elementos de la opción de selección, ya que esto fue realmente prevenido por el otro bug corregido en la versión anterior

08/04/2018

• simplificaciones de código y complejidad

v1.20.1 (07/21/2018)

• Simplificaciones de código
• Se corrigió: sugerencias aren â & #128; & #152; t trabajando enHaga clic en más

v1.18.2 (07/10/2018)

• Envíe el evento de entrada también en la entrada relacionada [lista] en el uso de la tecla retroceso dentro del polyfills seleccione
• Definió la fuente del sistema para la página demo
• Cambió el nombre de algunas variables a algunos nombres más significativos
• Limpieza en algunas variables innecesarias & comentarios
• Se eliminó una separación antigua entre eventTarget-TagNames de SELECT y Option, que se integró debido al evento de ratón, que se ha reemplazado de nuevo hace un tiempo

v1.17.0 (07/08/2018)

• Incluya el comportamiento al presionar Tab u otras teclas imprimibles

v1.16.2 (07/04/2018)

• Se ha corregido un error que conduce a una sugerencia seleccionada incorrectamente (primero en lugar de la última) mientras se utiliza la tecla arriba en el elemento de entrada
• Arreglo para elementos de entrada [list] con atributo de clase – gracias a @mricherzhagen para mencionarlo e incluso también proporcionar una solución

v1.16.0/1 (06/28/2018)

• Hizo una gran cantidad de cambios de código en relación con lo que los linters mencionados anteriormente informaron.
• Hizo algunos cambios de código en relación con lo que los linters mencionados anteriormente informaron.

v1.15.0/1 (06/27/2018)

• Bugfix

v1.14.4 (06/21/2018)

• Corregido para IE9: después de elegir una sugerencia fuera de la selección de polyfills, la selección en sí no se ocultó.

v1.14.3 (06/21/2018)

• Se ha cambiado el orden en una comparación, ya que esto simplifica la respuesta.
• Ocultando el polyfills Seleccione al presionar Enter, que es igual al comportamiento al escribir ESC.
• Hizo algunos cambios necesarios para mejorar la página demo actual por la cantidad mínima de etiquetas HTML relevantes que deberían incluirse dentro de cada página (e incluso también agregó la metaetiqueta relacionada con IE debido a la compatibilidad con versiones anteriores).
• Se ha quitado un código de muestra de la página Léame debido al nuevo diseño de sitios web de NPM.
• Corrección de errores.

v1.14.0 (06/13/2018)

• Se agregó MutationObserver para incluso capturar los cambios en los elementos de la opción como una corrección para mejorar la funcionalidad actual.
• Se han cambiado algunas direcciones URL de HTTP al nuevo niño en el bloque: HTTPS.
• Adicionalmente hizo algunas actualizaciones necesarias a la documentación.

v1.13.2 (06/11/2018)

• Enfocar la entrada [lista] después de seleccionar una sugerencia

v1.13.1 (06/05/2018)

• Algunas refactorización de código