React-dnd: IE рдореЗрдВ рдПрдХ рдЗрдирдкреБрдЯ рдХреЗ рднреАрддрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде

рдХреЛ рдирд┐рд░реНрдорд┐рдд 23 рдордИ 2016  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: react-dnd/react-dnd

рдЗрддрдиреА рдореЗрд╣рдирдд рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж!

рдЬрдм рдЗрдирдкреБрдЯ рдмреЙрдХреНрд╕ рдореЗрдВ рдХреБрдЫ рдкрд╛рда рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕рдВрдкрд╛рджрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╛рда рдмреЙрдХреНрд╕ рдХреЗ рднреАрддрд░ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реЛрддреЗ рд╣реИрдВ, рдЙрдиреНрд╣реЗрдВ рдЕрдВрдд рд╕реЗ рд╣рдЯрд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИред рдореИрдВ рдЗрд╕реЗ IE 9 рдФрд░ 10 рдореЗрдВ рдкреБрди: рдкреЗрд╢ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, Win10 рдХреЗ рд▓рд┐рдП - рдЗрдВрдЯрд░рдиреЗрдЯ рдПрдХреНрд╕рдкреНрд▓реЛрд░рд░ 11, рдореИрдВ рдкрд╣рд▓реЗ рдХреНрд▓рд┐рдХ рдкрд░ рдЗрдирдкреБрдЯ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛, рд▓реЗрдХрд┐рди рдбрдмрд▓-рдХреНрд▓рд┐рдХ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред Gif рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ:

dnd

рдЬреЛрдбрд╝рд╛ рдЗрдирдкреБрдЯ рдХреЗ рд╕рд╛рде рдЕрдкрдиреЗ рд╕рд░рд▓ рдЙрджрд╛рд╣рд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ Im

browser bug bug wontfix

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:

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

IE11 рдореЗрдВ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛

рд╕рднреА 9 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╡рд┐рдВрдбреЛрдЬрд╝ рдХрдВрдкреНрдпреВрдЯрд░ рдирд╣реАрдВ рд╣реИ рдЗрд╕рд▓рд┐рдП рдпрд╣ рдбрд┐рдмрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЪреБрдиреМрддреА рд╣реЛрдЧреА: /

рдЖрдкрдХреА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП @kesne рдзрдиреНрдпрд╡рд╛рдж :) рд╣рд╛рдБ, рдореИрдВрдиреЗ рдЗрд╕реЗ рдПрдХ рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдпрд╛ рддреЛ рдПрдХ рд╡рд┐рдВрдбреЛрдЬрд╝ рдорд╢реАрди рдирд╣реАрдВ рд╣реИ ... рдпрд╣ рдмрд╣реБрдд рдореБрд╢реНрдХрд┐рд▓ рдмрдЧ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдирд╣реАрдВ рдЬрд╛рдирддрд╛ рдХрд┐ рдХреНрдпрд╛ рдпрд╣ IE рдпрд╛ IE рдкреНрд░рддрд┐рдкрд╛рджрди рдкрд░ рдПрдХ рдШрдЯрдирд╛ рддреНрд░реБрдЯрд┐ рд╣реИ ... рд╡реИрд╕реЗ рднреА , рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдпрд╣ рдХреИрд╕реЗ рдареАрдХ рд╕реЗ рдбрд┐рдмрдЧ рдХрд░реЗрдВ to

@ рд╣реЗрд╕реНрдиреЗ рд╣реЗ! рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЗрд╕реЗ рдбреАрдмрдЧ рдХрд░рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реИ рдФрд░ рдЗрд╕ рдмрдЧ рдХреЛ рдХрд╣рд╛рдВ рдвреВрдВрдврдирд╛ рд╣реИ? рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, рдореБрдЭреЗ рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рдХреБрд╢рд▓ рдирд╣реАрдВ рд▓рдЧрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрджрд┐ рдЖрдк рдореБрдЭреЗ рдбрд┐рдмрдЧ рдХрд░рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдмрддрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рддреЛ рдореИрдВ рдЗрд╕реЗ рдХреЛрд╢рд┐рд╢ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред

рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдореИрдВ рдЗрдирдкреБрдЯ рдмреЙрдХреНрд╕ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕рдорд╛рди рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдЬреЛ рдХрд┐ рдПрдХ рдбреНрд░реИрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдШрдЯрдХ рдХреЗ рдмрдЪреНрдЪреЗ рд╣реИрдВред IE11 рдпрд╛ рдПрдЬ рдореЗрдВ рдЗрдирдореЗрдВ рд╕реЗ рдХрд┐рд╕реА рднреА рдЗрдирдкреБрдЯ рдмреЙрдХреНрд╕ рдореЗрдВ рдХрд░реНрд╕рд░ рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдбрдмрд▓ рдХреНрд▓рд┐рдХ рдХрд░рдирд╛ рдЖрд╡рд╢реНрдпрдХ рд╣реИред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдЗрдирдкреБрдЯ рдмреЙрдХреНрд╕ рдореЗрдВ рдкрд╛рда рдХрд╛ рдЪрдпрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрд▓рд┐рдХ рдХрд░рдирд╛ рдФрд░ рдЦреАрдВрдЪрдирд╛ рдЕрд╕рдВрднрд╡ рд╣реИред

рдпрд╣ IE10, IE11 рдФрд░ Edge рдореЗрдВ рдПрдХ рдЬреНрдЮрд╛рдд рдмрдЧ рд╣реИ рдФрд░ 2014 рдореЗрдВ MS рдХреЛ рд░рд┐рдкреЛрд░реНрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ рд▓реЗрдХрд┐рди рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ MS рдирд╣реАрдВ рдЪрд╛рд╣рддрд╛ / рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдирд╣реАрдВ рд╣реИ: https://connect.microsoft.com/IE/feedback/details/ 927470 / рдпрд╛рдиреА -11-рдЗрдирдкреБрдЯ-рдлрд╝реАрд▓реНрдб-рдСрдл-рдЯрд╛рдЗрдк-рдЯреЗрдХреНрд╕реНрдЯ-рдСрдл-рдиреЙрдЯ-рд░рд┐рд╕реНрдкреЙрдиреНрд╕-рдЯреВ-рдорд╛рдЙрд╕-рдХреНрд▓рд┐рдХ-рдЬрдм-рдкреВрд░реНрд╡рдЬ-рдиреЛрдб- has-draggable-true рдФрд░ https://stackoverflow.com/a/ 27160905

рдореИрдВ рдХреЗрд╡рд▓ рдЗрдирдкреБрдЯ рдХреЛ рд╣реЙрд╡рд░ рдирд╣реАрдВ рдХрд░рдиреЗ рдкрд░ рдбреНрд░реИрдЧ рд╕реНрд░реЛрдд рдХреЛ рдЬреЛрдбрд╝рдХрд░ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдерд╛ред

  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;
  }

рдХреНрдпрд╛ рдЗрд╕рдХреЗ рд╕рдорд╛рдзрд╛рди рдХреЗ рдХреЛрдИ рдФрд░ рддрд░реАрдХреЗ рд╣реИрдВ?
рдЗрд╕ рдореБрджреНрджреЗ рдХреА рд╕реНрдерд┐рддрд┐ рдХреИрд╕реА рд╣реИ?

рдореИрдВ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ:

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

IE11 рдореЗрдВ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Okami92 picture Okami92  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

croraf picture croraf  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

djeremh picture djeremh  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dreamcog picture dreamcog  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dwjohnston picture dwjohnston  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ