Microsoft ha lanzado una actualización innovadora en su navegador Edge 140, presentando el método highlightsFromPoint() en el API de Resaltado Personalizado de CSS. Esta funcionalidad es particularmente valiosa para los desarrolladores, ya que permite identificar resaltados de texto 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 tener que añadir elementos al Document Object Model (DOM). Mediante la creación de objetos de tipo Range y su inclusión en el registro de CSS.highlights, los desarrolladores pueden aplicar estilos visuales utilizando el pseudo-elemento ::highlight(). Este sistema es óptimo 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 resaltados personalizados en puntos específicos de la pantalla, permitiendo alterar su apariencia o integrar elementos de interfaz de usuario alrededor de ellos. Esto mejorará la implementación de características como la verificación ortográfica, la edición colaborativa y los menús contextuales, enriqueciendo la interacción del usuario con el texto.
Este nuevo método puede detectar resaltados y sus rangos de texto en el DOM y en el Shadow DOM, eliminando la necesidad de código complejo. La creación de funcionalidades interactivas será más accesible y eficiente, especialmente con resaltados superpuestos.
El lanzamiento de este método también recuerda a otras APIs similares que ofrecen información del DOM basada en coordenadas en pantalla, útiles para interacciones de usuario mediante clics o desplazamientos.
Se anima a los desarrolladores a explorar la API a través de diversas demostraciones y ejemplos prácticos, que muestran cómo usar highlightsFromPoint() junto a otras herramientas de interacción en el navegador.
Microsoft invita a la comunidad a compartir sus experiencias y sugerencias sobre el nuevo API y a reportar cualquier problema que encuentren durante su uso.
