Π‘ΡΡΠ΅ΡΡΠ²ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ Π²Π²ΠΎΠ΄ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ° Π²Π½ΡΡΡΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ², Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ
Π°ΡΡΠΈΠ±ΡΡ HTML5 draggable
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ Π² true
Π² Firefox (ΠΈΠ·-Π·Π° ΡΡΠΎΠΉ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎΠΉ ΠΎΡΠΈΠ±ΠΊΠΈ ). Π― ΡΠ°Π±ΠΎΡΠ°Ρ Π½Π°Π΄ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΎΠΉ draggable
Π² false
Π² ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ΅ onFocus
ΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ΠΌ Π΅Π³ΠΎ Π² true
Π² ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ΅ onBlur
( ΠΊΠ°ΠΊ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ Π·Π΄Π΅ΡΡ ), Π½ΠΎ react-dnd Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΡΠ°ΠΊΠΎΠΉ ΠΎΠ±Ρ
ΠΎΠ΄Π½ΠΎΠΉ ΠΏΡΡΡ, ΠΈ Π°ΡΡΠΈΠ±ΡΡΡ ΡΡΠ°Π·Ρ ΠΆΠ΅ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true
.
Π£ΡΠΈΡΡΠ²Π°Ρ, ΡΡΠΎ Π² FireFox, ΠΏΠΎΡ ΠΎΠΆΠ΅, Π½Π΅Ρ ΠΏΡΠΎΠ³ΡΠ΅ΡΡΠ° ΠΏΠΎ ΡΡΠΎΠΉ ΠΎΡΠΈΠ±ΠΊΠ΅, Π΅ΡΡΡ Π»ΠΈ ΠΌΠ΅ΡΡΠΎ Π΄Π»Ρ ΠΏΡΠΎΠΊΠ»Π°Π΄ΠΊΠΈ Π² response-dnd, ΡΡΠΎΠ±Ρ ΡΠΏΡΠ°Π²ΠΈΡΡΡΡ Ρ ΡΡΠΈΠΌ? Π― ΠΎΠ±Π½ΠΎΠ²Π»Ρ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ, Π΅ΡΠ»ΠΈ Π½Π°ΠΉΠ΄Ρ Ρ ΠΎΡΠΎΡΠ΅Π΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
ΠΠΎΡΠ΅Π½Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ # 256
ΠΠ° Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ Ρ ΡΠ°Π±ΠΎΡΠ°Ρ Π½Π°Π΄ ΡΠΎΡΠΊΠΎΠΌ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΌΠ½Π΅ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ draggable
Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ. Π‘Π΅ΠΉΡΠ°Ρ Ρ Π·Π°Π½ΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΏΡΠΎΠ΅ΠΊΡΠ°ΠΌΠΈ.
ΠΡΠ»ΠΈ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΈΠ· ΡΡΠΈΡ
PR Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ, Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ Π·Π½Π°ΡΡ: https://github.com/gaearon/react-dnd/pulls
ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅, ΡΡΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ½Π°Ρ ΡΠ°ΡΡΡ HTML5 Π²ΠΊΠ»ΡΡΠ΅Π½Π° ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ΄ΠΎΠ±ΡΡΠ²Π°.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ ΡΠ²ΠΎΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ Π² NPM (ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ°ΠΉΠ»), Π½ΠΎ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΠ΅ΠΏΠΎ Π΄Π»Ρ Π²ΡΠ΅Π³ΠΎ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ.
ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡ ΠΎΡΠΈΠ±ΠΊΡ, ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΠ² ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ Π² onFocus
ΠΈ onBlur
ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΡΡΠ½ΠΊΡΠΈΡ render
Π½Π° _not_ call connectDragSource()
Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π²Π²ΠΎΠ΄Π° :
render() {
const element = <div><textarea onFocus=... /></div>;
return this.state.editing ? element : this.props.connectDragSource(element);
}
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΠ±ΠΎΠΉΡΠΈ ΡΡΡ ΠΎΡΠΈΠ±ΠΊΡ, ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΠ² ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ Π²
onFocus
ΠΈonBlur
ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² ΡΡΠ½ΠΊΡΠΈΡrender
Π½Π° _not_ callconnectDragSource()
Π²ΠΎ Π²ΡΠ΅ΠΌΡ Π²Π²ΠΎΠ΄Π° :