React-dnd: Tidak dapat mengklik dalam masukan di IE

Dibuat pada 23 Mei 2016  ·  9Komentar  ·  Sumber: react-dnd/react-dnd

Terima kasih atas kerja kerasnya!

Jika ada beberapa teks di kotak masukan, pengguna tidak dapat mengklik di dalam kotak teks untuk mengedit, mereka harus menghapus dari bagian akhir. Saya bisa mereproduksinya di IE 9 dan 10.

Selain itu, untuk Win10 - Internet Explorer 11, saya tidak dapat memfokuskan input pada klik pertama, tetapi klik dua kali berfungsi. Periksa gif:

dnd

Saya menggunakan contoh sederhana Anda dengan masukan tambahan

browser bug bug wontfix

Komentar yang paling membantu

Saya menggunakan solusi:

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

diuji di IE11

Semua 9 komentar

Saya tidak memiliki komputer windows jadi ini akan menjadi tantangan untuk men-debug: /

@kesne terima kasih atas tanggapan Anda :) Ya, saya mencobanya tetapi saya juga tidak memiliki mesin windows ... itu adalah bug yang sangat rumit, tetapi saya tidak tahu apakah itu kesalahan acara pada rendering IE atau IE ... , saya tidak yakin cara men-debug ini dengan benar 😞

@kesne hei! apakah Anda memiliki wawasan tentang cara men-debug dan di mana menemukan bug ini? Sayangnya, saya rasa saya tidak cukup terampil untuk melakukannya, jadi jika Anda dapat memberi tahu saya cara men-debug dan memperbaikinya, saya dapat mencobanya.

Saya yakin saya mengalami masalah serupa untuk kotak masukan yang merupakan turunan dari komponen yang dapat diseret. Anda perlu mengklik dua kali untuk mendapatkan kursor di salah satu kotak input ini di IE11 atau Edge. Juga tidak memungkinkan untuk mengklik dan menyeret untuk memilih teks di kotak masukan.

Ini adalah bug yang diketahui di IE10, IE11 dan Edge dan dilaporkan ke MS pada tahun 2014 tetapi tampaknya MS tidak ingin / tidak dapat memperbaikinya: https://connect.microsoft.com/IE/feedback/details/ 927470 / ie-11-input-field-of-type-text-does-not-respond-to-mouse-click-when-leluhur-node-has-draggable-true dan https://stackoverflow.com/a/ 27160905

Saya bisa mengatasi ini hanya dengan menghubungkan sumber seret saat tidak mengarahkan input.

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

Apakah ada cara lain untuk menyelesaikan ini?
Bagaimana keadaan masalah ini?

Saya menggunakan solusi:

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

diuji di IE11

Masalah ini secara otomatis ditandai sebagai usang karena tidak ada aktivitas terbaru. Ini akan ditutup jika tidak ada aktivitas lebih lanjut. Terima kasih atas kontribusi Anda.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat