React-dnd: Problemas con la entrada de texto dentro del componente arrastrable (Firefox)
Hay problemas con las entradas de texto dentro de los componentes que tienen el atributo HTML5 draggable establecido en true en Firefox (debido a este error conocido ). Estoy trabajando para configurar draggable en false en un controlador onFocus y volver a configurarlo en true en un controlador onBlur ( como recomendado aquí ), pero react-dnd no tiene soporte para tal solución y el atributo se vuelve a establecer inmediatamente en true .
Dado que no parece haber progreso en este error en FireFox, ¿hay espacio para una corrección en react-dnd para manejar esto? Actualizaré este problema si encuentro una buena solución independientemente.
ntdb
Todos 5 comentarios
La raíz de esto podría ser # 256
ntdb
en 7 ago. 2015
Por ahora, estoy trabajando con una bifurcación que me permite administrar el atributo draggable directamente en mi aplicación.
ntdb
en 7 ago. 2015
Gracias. Actualmente estoy ocupado con otros proyectos.
Si alguno de estos RP le ayuda, avíseme también: https://github.com/gaearon/react-dnd/pulls
gaearon
en 7 ago. 2015
No olvide que el backend HTML5 solo se incluye para su comodidad.
Puede publicar su versión fija en NPM (es un solo archivo) pero aún usar el repositorio principal para todo lo demás.
gaearon
en 7 ago. 2015
Debería poder solucionar este error alternando una variable de estado en onFocus y onBlur , y cambiando su función render a _no_ llamar a connectDragSource() durante la entrada :
render() {
const element = <div><textarea onFocus=... /></div>;
return this.state.editing ? element : this.props.connectDragSource(element);
}
Temas relacionados
BrennanRoberts
·
3Comentarios
Vadorequest
·
4Comentarios
gocreating
·
4Comentarios
dreamcog
·
4Comentarios
gaearon
·
4Comentarios
Comentario más útil
Debería poder solucionar este error alternando una variable de estado en
onFocusyonBlur, y cambiando su funciónrendera _no_ llamar aconnectDragSource()durante la entrada :