yo tenia el siguiente codigo

ejemplo html

 <p> <span class="highlighting-tooltip>I BEAT COVID <span class="highlighting-tooltiptext">CAPITAL ERROR</span> </span> </p>

Archivo CSS

 .highlighting-tooltip { position: relative; display: inline-block; } .highlighting-tooltip .highlighting-tooltiptext { visibility: hidden; background-color: #333; color: #fff; margin-left: -90px; top:100%; margin-top:40px; user-select: none; z-index: 1; } .highlighting-tooltip:hover .highlighting-tooltiptext { visibility: visible; }

En la parte superior, se muestra el texto "I BEAT COVID" en html y cuando se desplaza con el puntero del mouse, se muestra la información sobre herramientas. El problema es cuando selecciono este texto "I BEAT COVID" y obtengo el resultado de window.getSelection(), luego también incluye el texto "CAPITAL ERROR"

Verifiqué que funciona bien en Firefox y "ERROR DE MAYÚSCULAS" no está incluido, solo Chrome está dando este error. ¿Hay alguna forma en Chrome de evitar que este texto de información sobre herramientas se incluya en window.getSelection() ?