Implementé un área de texto arrastrable usando react-rnd al tener el componente textarea dentro del componente react-rnd. Ahora, cuando trato de seleccionar el texto dentro del área de texto usando el cursor y si accidentalmente salgo del componente react-rnd, la selección cambia.
El problema se ilustra en la siguiente imagen gif. Aquí, trato de seleccionar el texto de 'o' e ir en la dirección inversa y cuando salgo del cuadro de texto, la selección cambia y se selecciona todo lo que sigue a esa letra 'o'. Cómo retener la selección original 'hola' en este caso, incluso cuando salgo del componente react-rnd.
El problema no ocurre si saco el área de texto del componente arrastrable. Llevo más de 2 días con este problema y todavía tengo que encontrar una solución.
Creé la réplica de mi problema en los siguientes códigos y caja.
Dado que existe un problema en la selección del usuario, puede agregar una copia o seleccionar el botón de texto para esa área de texto.
Consulte el siguiente sitio web para implementar ese botón: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_copy_clipboard