Freecodecamp: Kursor melompat secara acak di Editor Kode.

Saya tidak bisa mereproduksi ini.

Bisakah Anda memberikan beberapa informasi lebih lanjut tentang perangkat / browser Anda? Saya dapat mengetik di dalam editor segera setelah tantangan dimuat, dengan editor secara otomatis mengambil fokus, tanpa perlu menekan enter.

Ini bisa menjadi masalah khusus untuk penyiapan Anda.

Sepertinya saya mengalami masalah yang sama dengan editor.

Dalam latihan ini (lihat gambar di bawah) misalnya, saya tidak dapat memfokuskan beberapa bagian kode sebelum menekan enter (Baik dengan mouse, maupun dengan keyboard). Tidak peduli di mana saya mengklik di bawah baris 54, kursor melompat ke awal baris 54. Setelah menekan "enter" sekali di mana saja dalam kode, semuanya berfungsi dengan baik!

Saya menjalankan Versi terbaru Chrome pada Windows 10. Saya telah memperhatikan masalah ini di sebagian besar latihan sejauh ini.

Saya memiliki masalah yang sama dengan smlabt tidak peduli latihan apa yang saya lakukan. Saya menggunakan Firefox di Windows 10.

Baris 56 masukan> apakah itu berhasil

Bagi siapa pun yang mengalami masalah ini, silakan posting browser Anda, os dan tantangan yang pertama kali Anda alami ini. Jika memungkinkan, video GIF dari masalah tersebut akan sangat membantu. Tanpa informasi ini, masalah tidak dapat diperbaiki.

Seperti yang saya katakan, saya menggunakan Chrome di Windows 10.
Cobalah untuk mereproduksi masalah dengan jendela yang lebih kecil. Saya dapat membayangkan bahwa perilaku ini mungkin disebabkan oleh jeda baris.
Saya akan mencoba membuat gif secepatnya.

@smlabt jangan khawatir tentang gif saya telah berhasil mereproduksinya. Terima kasih atas bantuannya!

Dalam beberapa tugas kursor tidak akan pergi sampai baris terakhir, itu berhenti turun sebelum 3-5 baris di atas, jadi saya harus membuat spasi di atas untuk menyelesaikannya. (Kebanyakan terjadi dalam tugas html-css)
Agen pengguna saya adalah Mozilla / 5.0 (Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, seperti Gecko) Chrome / 49.0.2623.112 Safari / 537.36 @BKinahan

Menggunakan ini untuk pertama kalinya dan masalah kegunaan ini hal pertama yang saya perhatikan. Itu benar untuk semua tantangan yang saya coba sejauh ini di jalur javascript. Cara _only_ saya bisa mendapatkan jendela kode adalah dengan mengklik masuk Ini juga berlaku untuk menggulir panel instruksi.

Mozilla / 5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit / 537.36 (KHTML, seperti Gecko) Chrome / 49.0.2623.112 Safari / 537.36

Saya baru mulai belajar kode di Code Free Camp. Karena saya baru saja mulai, saya agak cemas bahkan mencoba menawarkan bantuan saya dalam mendiagnosis masalah.

Yang bisa saya tawarkan adalah pengalaman saya. Setiap kali saya memuat halaman, saya mengklik ke jendela kode dan mencoba mengetik di lokasi yang diklik.
Lokasi sebenarnya yang diketiknya ada di bawah (tampak secara acak) tidak jauh dari tempat saya pertama kali mengklik.

Satu-satunya saat kursor gagal untuk melompat ke bawah adalah ketika saya mengklik baris pertama di editor. Yang dimulai saat halaman dimuat.

(edit)
Saya juga ingin menambahkan. Masalahnya sepertinya bukan menjadi masalah lagi mulai dari " https://www.freecodecamp.com/challenges/create-a-bootstrap-headline "
tetapi masih menjadi masalah jika saya kembali ke pelajaran sebelumnya.

Berikut ini perbaikan yang saya gunakan:

Saat kursor mulai tidak merespons, gulir ke bawah ke baris terakhir kode - biasanya ada baris kosong.

Tempatkan kursor Anda pada baris kosong, dan gunakan "delete" atau "backspace" untuk membawa kursor ke atas baris yang memiliki teks.

Kursor sekarang akan berfungsi dengan baik untuk tantangan ini.

Saya telah mengalami masalah ini sejak Tantangan # 35, menggunakan Chrome di Windows 10. Masalahnya terus berlanjut. Ketika saya bertemu lagi, saya akan merekamnya.

memiliki masalah yang sama di sini

Masalah yang sama. Menggunakan Chrome terbaru dengan Windows 8.1. Tidak ingat persis tantangan mana yang dimulainya, tapi perkiraan saya berkisar antara 30 - 35.

Hal yang sama terjadi sekali di ponsel.

Meskipun ini bukan demonstrasi yang bagus untuk bug ini, saya berhasil membuat GIF kursor yang melewati satu baris.

Terima kasih semuanya atas laporan Anda.
Kami telah memperbarui CodeMirror beberapa hari yang lalu (lihat https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737) dan, semoga, masalah ini diselesaikan dengan pembaruan itu. Saya akan menutupnya tetapi, @ sadathanwar17 tolong, silakan buka kembali jika Anda masih dapat mereproduksi masalah ini, terima kasih.

---

Harap tinjau Panduan untuk Berkontribusi , terima kasih !.

---

@ sadathanwar17 @bugron Bug ini sepertinya masih aktif. Saya dapat mereproduksinya di sini https://www.freecodecamp.com/challenges/create-a-text-field.

• Chrome 50.0.2661.102
• Macintosh OS X 10.11.2
• Ukuran Browser 1680 x 952
• Resolusi Layar 1680 x 1050

Terima kasih @ sadathanwar17!
Ya, saya masih bisa mereproduksi ini sesekali. dan seperti yang dikonfirmasi dari masalah lain juga.

Membuka kembali.

Terjadi untuk saya sekarang juga. Saya tidak tahu apakah ini membantu tetapi tidak dimulai hingga sekitar latihan 30-35ish seperti yang disebutkan di atas (perkiraan yang sangat kasar karena saya tidak mencarinya). Mungkin panjang kode atau jumlah baris berperan di dalamnya. Segenggam pertama berfungsi dengan baik tetapi begitu saya turun ke bagian bawah editor (dan kemudian bilah gulir muncul), saat itulah saya mulai menyadarinya. Hanya pikiran acak.

harus setuju dengan @mbrannon Saya mendapatkannya di "Sebut Tindakan Opsional dengan Info Tombol" dan halaman di sekitarnya, tidak dapat memilih apa pun di bawah awal baris 55 dan kursor melompat secara acak dari mana pun saya mengklik ke suatu tempat terdekat

Saya mengalami masalah yang sama persis dengan dmatt. Tidak dapat memilih kolom dari beberapa baris. Sepertinya kode dan baris yang diizinkan 'tidak sejajar' karena kemampuan pemilihan kolom terlihat seperti bergantung pada baris setelahnya.

Menjalankan windows 10 pada versi chrome terbaru di Surface pro 3

Saya mengalami masalah yang sama masih - menjalankan Google Chrome terbaru di Windows 10.

+1
Saya mengalami masalah yang sama dengan yang saya pikir orang-orang bahas di semua latihan di pelajaran HTML pertama sejauh ini. Saya pikir masalah # 8226 dapat menjelaskan masalah dengan baik.

Tampaknya mereka belum menangani masalah ini karena saya mengalami masalah yang sama hingga saat ini. Dan saya baru saja bergabung dengan FCC kemarin.

Masalah +1 terputus-putus, penyegaran terkadang membantu. mengetik karakter apa pun lalu menghapusnya untuk sementara memperbaiki tantangan itu

Saya pikir ini disebabkan oleh pembungkus garis, mengubah zoom halaman hingga garis tidak membungkus memperbaiki masalah.
Mungkin sebaiknya kita tidak membungkus ...

Masalah ini cukup mengganggu, menghapus kelas CodeMirror-wrap dari div atas tampaknya memperbaiki masalah tersebut
<div class="CodeMirror cm-s-monokai CodeMirror-wrap" style="width: 100%; height: auto;">

https://github.com/FreeCodeCamp/FreeCodeCamp/blob/staging/client/commonFramework/create-editor.js#L22
lineWrapping: benar,

@heldersepu terima kasih banyak atas analisis mendalamnya, namun ini adalah bug yang sangat rumit, jika saya menghapus pembungkusnya dan menambahkan bilah gulir asli, editor akan ditampilkan dengan cara yang aneh.

Mungkin itu bisa diperbaiki, namun bagian yang lebih membosankan adalah saya tidak bisa mereproduksi ini lagi di pengaturan lokal saya.

Itu masih ada di produksi (situs utama).

Jangan ragu untuk membuat permintaan tarik jika Anda mau, dengan perbaikan pasti.
Sekali lagi terima kasih.

Bagaimana jika Anda menulis skrip yang berada di akhir baris terakhir di editor kode lalu menghapus 1 karakter (bukan spasi mundur)? Maka pengguna akan dapat menempatkan kursor mereka di mana pun mereka suka setelah itu ... hanya perbaikan untuk saat ini?

Sejujurnya saya tidak melihat nilai apa pun pada bungkus baris ...
Jika terserah saya, saya hanya menonaktifkan bungkusnya, dan melupakan scrollbar.
Pada 16 Jun 2016 08.43, "Mrugesh Mohapatra" [email protected]
menulis:

@heldersepu https://github.com/heldersepu terima kasih banyak atas kedalamannya
analisis, bagaimanapun ini adalah bug yang sangat rumit, jika saya menghapus pembungkus dan
tambahkan bilah gulir asli editor ditampilkan dengan cara yang aneh.

Mungkin itu bisa diperbaiki, tapi bagian yang lebih membosankan adalah aku tidak bisa
tampaknya mereproduksi ini lebih lama lagi di pengaturan lokal saya.

Itu masih ada di produksi (situs utama).

Jangan ragu untuk membuat permintaan tarik jika Anda mau, dengan perbaikan pasti.
Sekali lagi terima kasih.

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
.

@leonsegal di sini skrip satu baris yang memperbaiki masalah:
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

@heldersepu baik, kita dapat memiliki scrollbar atau bungkus, jika tidak kode tidak dapat dilihat pada port tampilan yang lebih kecil.

@heldersepu jadi saya harus mengedit kode di browser saya secara manual setiap kali saya menggunakan halaman?

@raisedadead Saya tidak memiliki pengaturan lokal yang berfungsi penuh tetapi jika Anda dapat mengubah create-editor.js ke:
lineWrapping: false,
Pastikan itu merender div tanpa CodeMirror-wrap kita harusnya baik-baik saja.

Tapi ini adalah sesuatu yang harus dikonsultasikan dengan pengelola lain, lakukan pemungutan suara.

@heldersepu Saya melakukan hal itu.

Pertama saya melepas pembungkusnya,
lineWrapping: false

Ini membuat saya tidak dapat menelusuri kode secara horizontal (untuk baris yang lebih panjang).
jadi, saya mencoba menambahkan scrollbar dengan
scrollbarStyle: 'native',

Ini membuat semuanya dengan cara yang sangat aneh, di atas itu masalah ini TIDAK dapat direproduksi di pengaturan lokal, membuat perbaikan tidak dapat diuji sebelum melakukan push.

@leonsegal sayangnya ya, (sampai perbaikan terakhir diterapkan, perlu diingat saya tidak memiliki hak tersebut) Itulah yang telah saya gunakan untuk menyiasatinya.

@raisedadead tentang tidak dapat menelusuri kode secara horizontal
Jika Anda mengklik garis panjang dan menekan tombol [end], bisakah Anda mencapai garis itu?
Bagaimana dengan bergerak dengan tombol panah?

Sepertinya tidak ada yang berfungsi, tombol mouse, tombol panah tidak ada.

PS Mari kita lanjutkan obrolan di ruang Obrolan Kontributor .

Saya pikir saya sebagian besar memperhatikan masalah ketika kode menjadi cukup panjang untuk membutuhkan gulir vertikal, bukan masalah dengan pembungkusan garis (meskipun saya bisa saja salah). Hanya pemikiran saja.

Hanya untuk mencatat temuan kami:

• Ini adalah masalah dengan editor kode CodeMirror
• Sebagai solusinya kita dapat menonaktifkan lineWrap dan menggunakan addon simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

Saya sudah mencoba dengan Firefox, Safari, Edge, Chrome, Vivaldi dan Opera, tetapi masalah ini tetap berfungsi.

Saya menggunakan Chrome v51 64bit (versi terbaru) di Mac dan masih memiliki masalah yang sama.

Hai teman-teman, ini masalah yang dikonfirmasi, silakan gunakan reaksi di posting pertama sebagai gantinya untuk mengonfirmasi.

Mari jaga kebersihan utas untuk solusi potensial saja.

masalah yang sama masih muncul
OS: Ubuntu
Browser: Chromium

Masih terjadi untuk saya juga. Sepertinya sudah dimulai sekitar tahun 60-an untuk saya.

OS: Windows 10
Browser: Firefox

Jika ada yang tertarik dengan solusi jangka panjang, saya menggunakan ekstensi Chrome ini dengan skrip @heldersepu : $ (". CodeMirror-wrap"). RemoveClass ("CodeMirror-wrap")

Saya telah menggunakan spasi untuk mencari tahu di mana kursor berada, sebagai lawan Enter (memaksa jeda baris). Ini berdampak lebih rendah bagi saya. Saya akan menggunakan "browser yang disarankan" untuk latihan FCC jika kita mendapatkan solusi untuk salah satunya.

Saya telah mengalami masalah ini sejak latihan yang sangat dini. Saya baru saja mencapai 100.

OS: OSX
Browser: Chrome & Safari

Saya bertanya-tanya apakah itu mungkin ada hubungannya dengan memasang ekstensi chrome? Saya punya beberapa: Adblocker, Microsoft Rewards (jangan menilai), Honey, Avast, Grammarly, Mightytext. (Yang mengatakan, saya mengalami ini di Safari yang sangat jarang saya gunakan dan belum secara sadar menginstal ekstensi apa pun)

Solusi yang disarankan @sethmchris (

Yang ini sulit untuk diuji karena saya belum melihat seseorang mereproduksinya secara lokal dan tampaknya menunjukkan dirinya berdasarkan kondisi yang belum ditentukan. Saya kira tindakan terbaik mungkin mencoba menambahkan beberapa perbaikan non-breaking untuk melihat apakah ada yang memperbaikinya.

Berikut beberapa observasi:
1) mungkin react-codemirror akan memperbaikinya ketika pembaruan react ditayangkan?
2) Sesuai saran @heldersepu untuk menggunakan simplescroll, sepertinya saya tidak bisa menerapkannya dengan benar secara lokal. Ini mencegah editor memuat dengan benar dan konsol menampilkan kesalahan: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . Saat ini scrollbarStyle disetel ke null jadi mungkin menyetelnya ke native patut dicoba. Menyetelnya ke native tetap memungkinkan editor memuat dengan benar.
3) Per utas ini , saya mungkin menyarankan menambahkan editor.refresh() ke baris 40 dari file buat-editor .

Tidak menyimpang dari poin di atas yang mengubah bungkus menjadi false mungkin juga berhasil; seperti yang ditunjukkan oleh @raisedadead , saya pikir itu akan menyebabkan kesalahan dengan pengguliran horizontal jika kita tidak pada saat yang sama mengubah scrollbarStyle menjadi native alih-alih null .

Hai, saya baru mengenal program ini dan saya telah mengalami masalah yang sama sejak tantangan pertama. Benar-benar menjengkelkan, terutama ketika saya merasa seperti sedang dalam proses dan merasa seperti saya tahu apa yang akan saya lakukan, tetapi tidak dapat langsung melakukan apa pun karena kursor tidak mau pergi ke tempat yang saya butuhkan. .

jika ada yang punya solusi, tolong beritahu saya tentang itu, saya akan sangat menghargainya.

Terima kasih sebelumnya

@ arias93jordy beberapa posting @sethmchris memposting solusi. Saya sudah mengujinya dan berhasil untuk saya, mencobanya.

Terima kasih @sethmchris! Solusi ini berhasil untuk saya.

@sethmchris Saya mencoba solusi Anda tetapi tidak berhasil untuk saya ... Ini menonaktifkan fungsi pembungkus cermin tetapi kursor masih melakukan apa pun yang diinginkan :( mungkin saya salah melakukannya? Saya hanya menginstal ekstensi dan menyalin menempel bagian Anda kode dan mengaktifkan ekstensi di situs web FCC ... Apakah ada yang saya lewatkan?

Windows 10, versi Chrome Versi 54.0.2840.71 m.

Saya memperhatikan bahwa bug muncul ketika sampel kode dimuat dengan pelajaran berisi baris yang cukup panjang untuk digabungkan ke baris berikutnya. Jika semua garis pendek, tidak ada masalah.

Beralih ke baris teratas (posisi 0, baris 0) dan menekan delete sekali tampaknya dapat memperbaiki masalah.

Ya terima kasih!

Pada Tue, Nov 1, 2016 at 3:34 AM, svershin [email protected] menulis:

Windows 10, versi Chrome Versi 54.0.2840.71 m.

Saya perhatikan bahwa bug muncul ketika sampel kode dimuat dengan
Pelajaran berisi baris-baris yang cukup panjang untuk digabungkan ke pelajaran berikutnya
garis. Jika semua garis pendek, tidak ada masalah.

Pergi ke baris teratas (posisi 0, baris 0) dan tekan delete sekali muncul
menyelesaikan masalah.

-
Anda menerima ini karena Anda berlangganan utas ini.
Balas email ini secara langsung, lihat di GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome - Buka Terverifikasi pada 11/11/16.

Langkah-langkah untuk Mereproduksi:
1.) Muat halaman apa pun dengan editor kode yang berisi garis panjang, seperti [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) Kecilkan halaman ke ukuran yang dibungkus garis.
3.) Lakukan Hard Refresh halaman.
4.) Klik ke arah sisi kanan editor.
5.) Perhatikan, tanda sisipan seringkali tidak bergerak ke ujung baris.

Hai teman-teman, ini masalah yang dikonfirmasi, silakan gunakan reaksi di posting pertama sebagai gantinya untuk mengonfirmasi.

Mari jaga kebersihan utas untuk solusi potensial saja.

Saya dapat mereproduksi masalah di browser Edge dan juga Chrome. Untuk menghentikannya (untuk tantangan saat ini saja) saya memperkecil lalu memperbesar kembali. Itu menyebalkan tetapi berhasil untuk saya.

Saya memiliki masalah ini sebagaimana dirujuk oleh @erictleung di sini

untuk beberapa alasan, saya tidak mendapatkan pemberitahuan email bahwa ada orang yang menanggapinya hingga masalah ditutup.

menekan enter sepertinya memperbaikinya

Saya memiliki masalah yang sama:

1. Tidak dapat menempatkan kursor di beberapa area, tidak dengan klik, atau dengan panah keyboard
2. Ketika saya mencoba untuk menghapus sesuatu, hal-hal lain terhapus, seperti posisi kursor salah

Ini terjadi dengan chrome dan firefox
Pembaruan: Tombol "Atur Ulang" Kode membantu kali ini, tetapi hanya dalam satu tantangan tertentu ..... di tantangan berikutnya, masalah mereproduksi sendiri .... dan saya terpaksa mengatur ulang kode lagi dan itu terjadi setiap kali dengan yang baru tantangan.

@mrgizmo terima kasih, silakan lihat https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

Saya telah mengunci percakapan sementara di utas ini hanya untuk kolaborator, ini telah diselesaikan dalam pementasan, dan akan segera tayang.

Perbaikan dapat dikonfirmasi di situs beta.

Solusi yang saat ini ada di situs web produksi adalah:
Tekan tombol Enter pada editor tantangan dan kemudian lanjutkan dengan tantangan.

Maaf atas ketidaknyamanan ini.

Hubungi kami di ruang obrolan jika Anda membutuhkan bantuan.