React-dnd: No se puede hacer clic en una entrada en IE

Creado en 23 may. 2016  ·  9Comentarios  ·  Fuente: react-dnd/react-dnd

¡Gracias por un trabajo tan duro!

Cuando hay algo de texto en un cuadro de entrada, los usuarios no pueden hacer clic dentro de un cuadro de texto para realizar ediciones, deben eliminarlo desde el final. Podría reproducirlo en IE 9 y 10.

Además, para Win10 - Internet Explorer 11, no puedo enfocar las entradas en el primer clic, pero el doble clic funciona. Revisa el gif:

dnd

Estoy usando su ejemplo simple con entradas agregadas

browser bug bug wontfix

Comentario más útil

Estoy usando una solución alternativa:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

probado en IE11

Todos 9 comentarios

No tengo una computadora con Windows, por lo que será un desafío depurarlo: /

@kesne gracias por tu respuesta :) Sí, lo intenté pero tampoco tengo una máquina con Windows ... es un error muy complicado, pero no sé si es un error de evento en IE o en la representación de IE ... de todos modos , no estoy seguro de cómo depurar esto correctamente 😞

@kesne ¡oye! ¿Tiene alguna idea de una forma de depurarlo y dónde encontrar este error? Desafortunadamente, no creo que sea lo suficientemente hábil para hacerlo, así que si puedes decirme cómo depurar y solucionar este problema, podría intentarlo.

Creo que estoy experimentando un problema similar para los cuadros de entrada que son hijos de un componente que se puede arrastrar. Es necesario hacer doble clic para obtener un cursor en cualquiera de estos cuadros de entrada en IE11 o Edge. También hace que sea imposible hacer clic y arrastrar para seleccionar texto en los cuadros de entrada.

Este es un error conocido en IE10, IE11 y Edge y se informó a MS en 2014, pero parece que MS no quiere / no puede solucionarlo: https://connect.microsoft.com/IE/feedback/details/ 927470 / ie-11-input-field-of-type-text-does-not-respond-to-mouse-clicks-when-ancestor-node-has-draggable-true y https://stackoverflow.com/a/ 27160905

Pude evitar esto conectando solo la fuente de arrastre cuando no estaba desplazando la entrada.

  render() {
    const content = (
      <div>
        <input
           ...restOfProps
           onMouseOver={ () => this.setState({ dragSourceEnabled: false }); }
           onMouseOut={ () => this.setState({ dragSourceEnabled: true }); }
        />
      </div>
    );

    return this.state.dragSourceEnabled ? this.props.connectDragSource(content) : content;
  }

¿Hay otras formas de resolver esto?
¿Cómo está el estado de este tema?

Estoy usando una solución alternativa:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

probado en IE11

Este problema se ha marcado automáticamente como obsoleto porque no ha tenido actividad reciente. Se cerrará si no se produce más actividad. Gracias por sus aportaciones.

¿Fue útil esta página
0 / 5 - 0 calificaciones