React-dnd: Klicken auf eine Eingabe im IE nicht möglich

Erstellt am 23. Mai 2016  ·  9Kommentare  ·  Quelle: react-dnd/react-dnd

Danke für diese harte Arbeit!

Wenn sich in einem Eingabefeld Text befindet, können Benutzer nicht in ein Textfeld klicken, um Änderungen vorzunehmen. Sie müssen ihn am Ende löschen. Ich könnte es in IE 9 und 10 reproduzieren.

Für Win10 - Internet Explorer 11 kann ich Eingaben nicht auf den ersten Klick konzentrieren, aber ein Doppelklick funktioniert. Überprüfen Sie das GIF:

dnd

Ich benutze dein einfaches Beispiel mit zusätzlichen Eingaben

browser bug bug wontfix

Hilfreichster Kommentar

Ich verwende eine Problemumgehung:

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

getestet in IE11

Alle 9 Kommentare

Ich habe keinen Windows-Computer, daher ist das Debuggen eine Herausforderung: /

@kesne, danke für deine Antwort :) Ja, ich habe es versucht, aber ich habe auch keinen Windows-Computer ... es ist ein sehr kniffliger Fehler, aber ich weiß nicht, ob es sich um einen Ereignisfehler beim IE- oder IE-Rendering handelt ... sowieso Ich bin mir nicht sicher, wie ich das richtig debuggen soll 😞

@kesne hey! Hätten Sie Einblicke in eine Möglichkeit zum Debuggen und wo Sie diesen Fehler finden können? Leider glaube ich nicht, dass ich dazu in der Lage bin. Wenn Sie mir also sagen können, wie ich das debuggen und beheben kann, könnte ich es versuchen.

Ich glaube, ich habe ein ähnliches Problem bei Eingabefeldern, die untergeordnete Elemente einer ziehbaren Komponente sind. Es ist ein Doppelklick erforderlich, um einen Cursor in einem dieser Eingabefelder in IE11 oder Edge zu erhalten. Außerdem ist es nicht möglich, zu klicken und zu ziehen, um Text in den Eingabefeldern auszuwählen.

Dies ist ein bekannter Fehler in IE10, IE11 und Edge und wurde MS 2014 gemeldet, aber es scheint, dass MS ihn nicht beheben möchte / kann: https://connect.microsoft.com/IE/feedback/details/ 927470 / ie-11-Eingabefeld-vom-Typ-Text-reagiert-nicht-auf-Mausklicks-wenn-der-Ahnenknoten-schleppbar-wahr ist und https://stackoverflow.com/a/ 27160905

Ich konnte dies umgehen, indem ich die Drag-Quelle nur anschloss, wenn ich nicht über die Eingabe schwebte.

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

Gibt es andere Möglichkeiten, dies zu lösen?
Wie ist der Stand dieses Problems?

Ich verwende eine Problemumgehung:

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

getestet in IE11

Dieses Problem wurde automatisch als veraltet markiert, da es in letzter Zeit keine Aktivitäten gab. Es wird geschlossen, wenn keine weitere Aktivität stattfindet. Vielen Dank für Ihre Beiträge.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen