The text in the form input wrapped in react-draggable cannot be selected normally

Abierto
#653 4 comentarios 1 reacción 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, react
Área
frontend

Línea de trabajo

Start by reproducing the issue with an antd modal containing an input or textarea inside react-draggable, then inspect how text selection behaves when the pointer leaves the draggable area. The work is done when dragging across the boundary preserves the input's selected text and focus behavior; no repository file or test is named in the issue.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

As an example
When I use the antd modal component (any component can be reproduced), I use the drag and drop function. At this time, if I add an input (or textarea) to the modal and write text in the input, then I write the text in the most input text. Hold down the left mouse button on the right and swipe left to select text (quickly), when the mouse slides outside of react-draggable, the background color of the selected text in the input disappears, and the input becomes the state of triggering the focus.

How can I avoid this abnormal situation?

The following three pictures represent snapshots taken during mouse movement
1.
image
2.
image
3.
image

Lenguaje dominante
JavaScript
Estrellas
9.3k
Forks
1k
Merge medio
3 d 8 h
PR fusionados (30 d)
4

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de react-grid-layout/react-draggable

Todos los issues de react-grid-layout/react-draggable

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.