Microsoft ha lanzado una emocionante actualización de su navegador Edge 140, que incluye el nuevo método highlightsFromPoint() en el API de Resaltado Personalizado de CSS. Esta característica es particularmente valiosa para los desarrolladores, ya que permite identificar resaltados de texto en coordenadas específicas del eje X y Y, mejorando así la precisión en la interacción con el contenido.
El API de Resaltado Personalizado de CSS facilita la creación de resaltados en rangos de texto sin la necesidad de añadir elementos al Document Object Model (DOM). Los desarrolladores pueden crear objetos de tipo Range y registrarlos en la propiedad CSS.highlights, lo que les permite aplicar estilos visuales mediante el pseudo-elemento ::highlight(). Este avance es ideal para los editores de texto del lado del cliente que requieren un estilo dinámico y personalizable.
La introducción de highlightsFromPoint() simplifica la detección de resaltados personalizados ubicados en puntos específicos de la pantalla, lo que permite a los desarrolladores alterar su apariencia o agregar elementos de interfaz alrededor de ellos. Esta nueva funcionalidad también proporciona la base para implementar características como la verificación ortográfica, la edición colaborativa y menús contextuales, mejorando la interacción del usuario con el texto resaltado.
Este método es capaz de identificar tanto resaltados como sus rangos de texto dentro del DOM y del Shadow DOM, lo que elimina la necesidad de código complejo para llevar a cabo esta detección. De este modo, la implementación de funcionalidades interactivas se vuelve más accesible y eficiente, especialmente al trabajar con resaltados superpuestos.
El lanzamiento de este método también evoca otras APIs similares diseñadas para proporcionar información del DOM basada en coordenadas en pantalla. Estas funcionalidades son especialmente prácticas en situaciones donde el usuario interactúa con la interfaz mediante clics o desplazamientos, ya que permiten detectar ubicaciones sin referencias explícitas a elementos del DOM.
Microsoft ha animado a la comunidad de desarrolladores a explorar esta nueva API a través de diversas demostraciones y ejemplos prácticos que ponen de manifiesto cómo utilizar highlightsFromPoint() en conjunto con otras herramientas de interacción del navegador. Además, la compañía invita a los usuarios a compartir sus experiencias y sugerencias, así como a reportar cualquier inconveniente que encuentren al utilizar esta nueva funcionalidad, destacando su compromiso con la mejora continua del producto.
