Microsoft ha lanzado una emocionante actualización en su navegador Edge 140, incorporando el método highlightsFromPoint() en el API de Resaltado Personalizado de CSS. Esta innovación es un gran avance para los desarrolladores, ya que permite localizar y gestionar resaltados de texto en coordenadas específicas, mejorando la capacidad de interactuar con el contenido.
El API de Resaltado Personalizado de CSS se diseñó para crear resaltados en rangos de texto sin añadir elementos al Document Object Model (DOM). Al utilizar objetos de tipo Range y el registro de CSS.highlights, los desarrolladores pueden aplicar estilos visuales mediante el pseudo-elemento ::highlight(). Esta funcionalidad es ideal para editores de texto dinámicos del lado del cliente.
La introducción de highlightsFromPoint() simplifica la detección y manipulación de resaltados ubicados en puntos específicos de la pantalla. Esto es crucial para añadir características como verificación ortográfica, edición colaborativa y menús contextuales, mejorando la interacción del usuario con el texto. Este método es eficiente para detectar resaltados y sus rangos tanto en el DOM como en el Shadow DOM, sin requerir código complejo.
El lanzamiento también subraya la utilidad de otras APIs que informan sobre el DOM basándose en coordenadas. Estas herramientas son esenciales para interacciones basadas en clics o desplazamientos, permitiendo una detección precisa sin referencias directas a los elementos.
Los desarrolladores pueden explorar esta API mediante diversas demostraciones prácticas que muestran la aplicación de highlightsFromPoint() junto a otras herramientas interactivas. Microsoft anima a la comunidad a compartir sus experiencias y a reportar problemas, fomentando así un desarrollo continuo y colaborativo de esta tecnología.
