Microsoft ha lanzado una emocionante actualización en su navegador Edge 140, introduciendo el método highlightsFromPoint() en el API de Resaltado Personalizado de CSS. Esta funcionalidad es especialmente útil para los desarrolladores, ya que permite localizar resaltados de texto existentes en coordenadas específicas del eje X y Y.
El API de Resaltado Personalizado de CSS facilita la creación de resaltados en rangos de texto arbitrarios sin necesidad de añadir elementos al Document Object Model (DOM). A través de la creación de objetos de tipo Range y su registro en el registro de CSS.highlights, los desarrolladores pueden aplicar estilos visuales a estos rangos utilizando el pseudo-elemento ::highlight(). Este sistema es ideal para editores de texto del lado del cliente que requieren un estilo dinámico.
Con la introducción de highlightsFromPoint(), se simplifica la detección de los resaltados personalizados ubicados en puntos específicos de la pantalla, lo que permite alterar su apariencia o añadir elementos de interfaz de usuario alrededor de ellos. Esto facilitará la implementación de características como verificación ortográfica, edición colaborativa y menús contextuales, mejorando así la interacción del usuario con el texto resaltado.
Este nuevo método es capaz de detectar tanto resaltados como sus rangos de texto en el DOM y en el Shadow DOM, eliminando la necesidad de código complejo para la detección. La implementación de funcionalidades interactivas será más accesible y eficiente, especialmente cuando se trabaja con resaltados superpuestos.
Además, el lanzamiento de este método trae a la mente otras APIs similares que proporcionan información del DOM en función de las coordenadas en pantalla. Estas funcionalidades son muy útiles para situaciones donde el usuario interactúa con la interfaz a través de clics o desplazamientos, ya que permiten detectar la ubicación sin necesidad de referencias explícitas a elementos.
Los desarrolladores pueden explorar la API a través de diversas demostraciones y ejemplos prácticos, que evidencian cómo utilizar highlightsFromPoint() en conjunto con otras herramientas de interacción en el navegador.
Microsoft invita a la comunidad a compartir experiencias y sugerencias sobre el nuevo API, así como a reportar cualquier problema que encuentren durante su uso.
vía: Microsoft Windows blog
