React-dnd: IE의 입력을 클릭 할 수 없습니다.

나는 Windows 컴퓨터가 없으므로 디버깅하기가 어려울 것입니다.

@kesne 귀하의 응답에 감사드립니다 :) 예, 시도해 보았지만 Windows 시스템도 없습니다 ... 매우 까다로운 버그이지만 IE 또는 IE 렌더링에서 이벤트 오류인지 여부는 모르겠습니다 ... 어쨌든 , 제대로 디버깅하는 방법을 모르겠습니다 😞

@kesne 안녕하세요! 디버깅하는 방법과이 버그를 찾을 수있는 위치에 대한 통찰력이 있습니까? 불행히도, 나는 그렇게 할만 큼 충분히 숙련되어 있다고 생각하지 않으므로 이것을 디버그하고 수정하는 방법을 알려 주시면 시도해 볼 수 있습니다.

드래그 가능한 구성 요소의 자식 인 입력 상자에 대해 비슷한 문제가 발생한다고 생각합니다. IE11 또는 Edge에서 이러한 입력 상자에 커서를 가져 오려면 두 번 클릭해야합니다. 또한 입력 상자에서 텍스트를 클릭하고 드래그하여 선택할 수 없습니다.

이것은 IE10, IE11 및 Edge의 알려진 버그이며 2014 년에 MS에보고되었지만 MS가 원하지 않거나 수정할 수없는 것으로 보입니다 : 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 및 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에서 테스트

이 문제는 최근 활동이 없었기 때문에 자동으로 오래된 것으로 표시되었습니다. 더 이상 활동이 발생하지 않으면 폐쇄됩니다. 귀하의 기여에 감사드립니다.