Freecodecamp: يقفز المؤشر بشكل عشوائي في محرر التعليمات البرمجية.

لا أستطيع إعادة إنتاج هذا.

هل يمكنك تقديم المزيد من المعلومات حول جهازك / متصفحك؟ يمكنني الكتابة داخل المحرر بمجرد تحميل التحدي ، مع تركيز المحرر تلقائيًا ، دون الحاجة إلى الضغط على Enter.

قد تكون مشكلة خاصة بالإعداد الخاص بك.

أعتقد أنني أواجه نفس المشكلة مع المحرر.

في هذا التمرين (يرجى الاطلاع على الصورة أدناه) على سبيل المثال ، لا يمكنني التركيز على بعض أجزاء الكود قبل الضغط على مفتاح الإدخال (لا باستخدام الماوس ولا باستخدام لوحة المفاتيح). بغض النظر عن المكان الذي أنقر فيه أسفل السطر 54 ، يقفز المؤشر مباشرة إلى بداية السطر 54. بعد الضغط على "إدخال" مرة واحدة في أي مكان في الكود ، يعمل كل شيء بشكل جيد!

أنا أقوم بتشغيل أحدث إصدار من Chrome على Windows 10. لقد لاحظت هذه المشكلة في معظم التدريبات حتى الآن.

لدي نفس المشكلة مثل smlabt بغض النظر عن التمرين الذي أقوم به. أنا أستخدم Firefox على نظام التشغيل Windows 10.

خط 56 الإدخال> هل هذا العمل

لأي شخص لديه هذه المشكلة ، يرجى نشر متصفحك ونظام التشغيل والتحدي الذي واجهت هذا لأول مرة إذا كان ذلك ممكنًا ، فسيكون مقطع فيديو بتنسيق GIF للمشكلة مفيدًا للغاية. بدون هذه المعلومات لا يمكن إصلاح المشكلة.

كما قلت إنني أستخدم Chrome على نظام التشغيل Windows 10.
يرجى محاولة إعادة إظهار المشكلة مع نافذة أصغر. أستطيع أن أتخيل أن هذا السلوك قد يكون ناتجًا عن فواصل الأسطر.
سأحاول إنشاء صورة متحركة في أسرع وقت ممكن.

smlabt لا تقلق بشأن gif لقد

في بعض المهام لن ينتقل المؤشر حتى السطر الأخير ، توقف عن النزول قبل السطر 3-5 أعلاه ، لذلك كان علي توفير مساحة أعلاه لإكماله. (حدث غالبًا في مهام html-css)
وكيل المستخدم الخاص بي هو Mozilla / 5.0 (Windows NT 6.3 ؛ WOW64) AppleWebKit / 537.36 (KHTML ، مثل Gecko) Chrome / 49.0.2623.112 Safari / 537.36BKinahan

باستخدام هذا لأول مرة وهذه القابلية للاستخدام هي أول شيء لاحظته. هذا صحيح بالنسبة لجميع التحديات التي جربتها حتى الآن في مسار جافا سكريبت. الطريقة _only_ التي يمكنني من خلالها الوصول إلى نافذة التعليمات البرمجية هي النقر. وهذا صحيح أيضًا عند التمرير في لوحة التعليمات.

Mozilla / 5.0 (Macintosh ؛ Intel Mac OS X 10_9_5) AppleWebKit / 537.36 (KHTML ، مثل Gecko) Chrome / 49.0.2623.112 Safari / 537.36

لقد بدأت للتو في تعلم البرمجة في Code Free Camp. نظرًا لأنني بدأت للتو حرفيًا ، فأنا قلق بعض الشيء حتى من محاولة تقديم مساعدتي في تشخيص المشكلة.

ما يمكنني تقديمه هو تجربتي. في كل مرة أقوم بتحميل صفحة ، أنقر على نافذة الكود وأحاول الكتابة في الموقع الذي تم النقر عليه.
الموقع الفعلي الذي تكتبه خوار (يبدو عشوائيًا) على مسافة قصيرة من المكان الذي نقرت فيه في الأصل.

المرة الوحيدة التي فشل فيها المؤشر في القفز لأسفل كانت عندما نقرت على السطر الأول في المحرر. الذي يبدأ عند تحميل الصفحة.

(تعديل)
أنا أيضا أردت أن أضيف. يبدو أن المشكلة ليست مشكلة مرة أخرى بدءًا من " https://www.freecodecamp.com/challenges/create-a-bootstrap-headline "
لكنها لا تزال مشكلة إذا عدت إلى الدرس السابق.

هذا هو الإصلاح الذي أستخدمه:

عندما يبدأ المؤشر في عدم الاستجابة ، قم بالتمرير لأسفل إلى السطر الأخير من الكود - عادة ما يكون هناك سطر فارغ.

ضع المؤشر على السطر الفارغ ، واستخدم "حذف" أو "مسافة للخلف" لجلب المؤشر إلى السطر الذي يحتوي على نص.

سيعمل المؤشر الآن بشكل جيد لهذا التحدي.

أواجه هذه المشكلة منذ التحدي رقم 35 ، باستخدام Chrome على Windows 10. استمرت المشكلة بشكل متقطع. عندما أواجهها مرة أخرى سأقوم بتسجيلها.

لديك نفس المشكلة هنا

المشكلة نفسها. استخدام أحدث إصدار من Chrome مع Windows 8.1. لا أتذكر بالضبط التحدي الذي بدأ فيه ، لكن تخميني سيكون في مكان ما بين 30 و 35.

حدث نفس الشيء مرة واحدة على الهاتف المحمول.

على الرغم من أنه ليس عرضًا جيدًا جدًا لهذا الخطأ ، فقد تمكنت من إنشاء صورة GIF لمؤشر يتخطى سطرًا.

شكرا للجميع لتقاريرك.
لقد قمنا بتحديث CodeMirror منذ يومين (راجع https://github.com/FreeCodeCamp/FreeCodeCamp/pull/8737) ونأمل أن يتم حل هذه المشكلة مع هذا التحديث. سأغلقه ولكن ،

---

يرجى مراجعة إرشادات المساهمة ، شكرًا لك !.

---

@ sadathanwar17bugron هذه الأخطاء ما زال يبدو أن تكون نشطة. يمكنني إعادة إنتاجه هنا https://www.freecodecamp.com/challenges/create-a-text-field.

• كروم 50.0.2661.102
• نظام التشغيل Macintosh OS X 10.11.2
• حجم المتصفح ١٦٨٠ × ٩٥٢
• دقة الشاشة 1680 × 1050

شكرا @ sadathanwar17!
نعم لا يزال بإمكاني إعادة إنتاج هذا في بعض الأحيان. وكما تم تأكيده من مشكلة أخرى أيضًا.

إعادة الفتح.

يحدث لي الآن أيضا. لا أعرف ما إذا كان هذا مفيدًا ولكنه لم يبدأ حتى التمرين 30-35 كما ذكر أعلاه (تقدير تقريبي للغاية لأنني لم أكن أبحث عنه). ربما يلعب طول الكود أو عدد الأسطر بطريقة ما. عملت المجموعة الأولى بشكل جيد ولكن بمجرد أن نزلت إلى أسفل المحرر (وبعد ذلك ظهر شريط التمرير) ، هذا عندما بدأت في ملاحظة ذلك. مجرد فكرة عشوائية.

يجب أن أتفق مع mbrannon ، فأنا أحصل عليه في "استدعاء الإجراءات الاختيارية بمعلومات الزر" والصفحات المحيطة به ، ولا يمكن تحديد أي شيء أسفل بداية السطر 55 ويقفز المؤشر بشكل عشوائي من أي مكان أنقر فيه إلى مكان قريب

لدي نفس المشكلة بالضبط مثل dmatt. لا يمكن تحديد عمود بعض الأسطر. يبدو أن الكود والخطوط المسموح بها "غير محاذاة" لأن إمكانية تحديد الأعمدة تبدو وكأنها تعتمد على السطر الذي يليها.

يعمل بنظام التشغيل windows 10 على أحدث إصدار من Chrome على Surface pro 3

لا أزال أواجه نفس المشكلة - تشغيل أحدث إصدار من Google Chrome على نظام التشغيل Windows 10.

+1
أواجه نفس المشكلة التي أعتقد أن الناس يناقشونها في جميع التمارين في درس HTML الأول حتى الآن. أعتقد أن العدد رقم 8226 يقوم بعمل جيد في شرح المشكلة.

يبدو أنهم لم يعملوا على هذه المشكلة لأنني أواجه نفس المشكلة حتى الآن. وانضممت للتو إلى FCC أمس.

مشكلة 1+ متقطعة ، التحديث يساعد في بعض الأحيان. تؤدي كتابة أي حرف ثم إزالته إلى إصلاحه مؤقتًا لهذا التحدي

أعتقد أن هذا ناتج عن التفاف الخط ، وتغيير تكبير الصفحة حتى لا تلتف الأسطر يعمل على حل المشكلة.
ربما لا يجب أن نلتف ...

هذه المشكلة مزعجة للغاية ، ويبدو أن إزالة الطبقة CodeMirror-wrap من الجزء العلوي div
<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
التفاف الخط: صحيح ،

شكرًا جزيلاً لـ holdersepu على التحليل المتعمق ، ولكن هذا خطأ صعب حقًا ، إذا قمت بإزالة الغلاف وإضافة شريط التمرير الأصلي ، فسيتم تقديم المحرر بطريقة غريبة.

ربما يمكن إصلاح ذلك ، ولكن الجزء الأكثر مملاً هو أنني لا أستطيع إعادة إنتاج هذا بعد الآن على الإعداد المحلي الخاص بي.

لا يزال هناك في الإنتاج (الموقع الرئيسي).

لا تتردد في تقديم طلب سحب إذا كنت ترغب في ذلك ، مع إصلاح نهائي.
شكرا مرة آخرى.

ماذا لو كتبت نصًا وصل إلى نهاية السطر الأخير في محرر الكود ثم حذفت حرفًا واحدًا (بدون مسافة للخلف)؟ بعد ذلك ، سيكون المستخدم قادرًا على وضع المؤشر في أي مكان يريده بعد ذلك ... هل هذا مجرد إصلاح في الوقت الحالي؟

أنا بصراحة لا أرى أي قيمة على خط التفاف ...
إذا كان الأمر متروكًا لي ، فأنا فقط أقوم بتعطيل الالتفاف ، ونسيان أشرطة التمرير.
في 16 يونيو 2016 08:43 "Mrugesh موهاباترا" [email protected]
كتب:

شكرًا جزيلاً على التعمق في هذا الموضوع. https://github.com/heldersepu
التحليل ، ولكن هذا خطأ صعب حقًا ، إذا قمت بإزالة الغلاف و
إضافة شريط التمرير الأصلي ، يتم تقديم المحرر بطريقة غريبة.

ربما يمكن إصلاح ذلك ، ولكن الجزء الأكثر مملاً هو أنني لا أستطيع
يبدو أنه يعيد إنتاج هذا بعد الآن على الإعداد المحلي الخاص بي.

لا يزال هناك في الإنتاج (الموقع الرئيسي).

لا تتردد في تقديم طلب سحب إذا كنت ترغب في ذلك ، مع إصلاح نهائي.
شكرا مرة آخرى.

-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -226473258 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe/AAhSwiySJLjhb0l-M78ZmGbh69lo4rNQks5qMUTjgaJpZM4H91tE
.

leonsegal هنا نص برمجي من سطر واحد يعمل على حل المشكلة:
$(".CodeMirror-wrap").removeClass("CodeMirror-wrap")

holdersepu حسنًا ، يمكننا إما الحصول على أشرطة التمرير أو الالتفاف ، وإلا لا يمكن تصفح الكود على منافذ العرض الأصغر.

holdersepu ، لذا يجب علي تحرير الكود يدويًا في المتصفح الخاص بي في كل مرة أستخدم فيها الصفحة؟

raisedadead ليس لدي إعداد محلي كامل الوظائف ولكن إذا كان بإمكانك تغيير create-editor.js إلى:
lineWrapping: false,
تأكد من أنه يعرض div بدون غلاف CodeMirror الذي يجب أن نكون على ما يرام.

لكن هذا شيء يجب التشاور معه مع المشرفين الآخرين ، وطرحه لنوع من التصويت.

holdersepu فعلت ذلك بالضبط.

أولاً أزلت الغلاف ،
lineWrapping: false

هذا جعلني غير قادر على تصفح الكود أفقيًا (للأسطر الأطول).
لذلك ، حاولت إضافة أشرطة التمرير مع
scrollbarStyle: 'native',

يؤدي هذا إلى عرض كل شيء بطريقة غريبة جدًا ، علاوة على أن هذه المشكلة غير قابلة للتكرار في الإعداد المحلي ، مما يجعل الإصلاح غير قابل للاختبار قبل إجراء الدفع.

leonsegal للأسف نعم ، (حتى يتم نشر الإصلاح النهائي ، ضع في اعتبارك أنني لا أمتلك هذه الحقوق) هذا ما كنت أستخدمه للتغلب عليه.

raisedadead حول عدم القدرة على تصفح الكود أفقيًا
إذا نقرت على الخط الطويل وضغطت على مفتاح [النهاية] ، فهل يمكنك الوصول إلى هذا الخط؟
ماذا عن التحرك باستخدام مفاتيح الأسهم؟

لا شيء يبدو أنه يعمل ، أزرار الماوس ، مفاتيح الأسهم لا شيء.

ملاحظة: دعنا نواصل الدردشة في غرفة دردشة المساهمين .

أعتقد أنني لاحظت المشكلة في الغالب عندما أصبح الرمز طويلاً بما يكفي لطلب التمرير الرأسي ، وليس مشكلة كبيرة في التفاف الخط (على الرغم من أنني قد أكون مخطئًا). مجرد فكرة.

فقط للاحتفاظ بسجل لنتائجنا:

• هذه مشكلة في محرر كود CodeMirror
• كحل بديل ، يمكننا تعطيل lineWrap واستخدام الوظيفة الإضافية simplescroll:
  https://codemirror.net/demo/simplescrollbars.html

+1

+1

لقد جربت مع Firefox و Safari و Edge و Chrome و Vivaldi و Opera ، لكن هذه المشكلة تستمر في العمل.

أنا أستخدم Chrome v51 64bit (أحدث إصدار) على Mac وما زلت أعاني من نفس المشكلة.

مرحبًا يا رفاق ، هذه مشكلة مؤكدة ، يرجى استخدام ردود الفعل على المنشور الأول بدلاً من ذلك للتأكيد.

دعونا نحافظ على الخيط نظيفًا للحلول المحتملة فقط.

نفس المشكلة لا تزال تظهر
نظام التشغيل: Ubuntu
المتصفح: كروم

لا يزال يحدث بالنسبة لي أيضا. يبدو أنها بدأت في الستينيات بالنسبة لي.

نظام التشغيل: Windows 10
المتصفح: Firefox

إذا كان أي شخص مهتمًا بحل بديل طويل المدى ، فقد استخدمت امتداد Chrome هذا مع البرنامج النصي heldersepu : $ (". CodeMirror-wrap"). removeClass ("CodeMirror-wrap")

لقد كنت أستخدم المساحة لمعرفة مكان المؤشر ، بدلاً من إدخال (فرض فاصل سطر). لقد كان تأثيره أقل بالنسبة لي. سأستمتع بـ "متصفح مقترح" لتمارين FCC إذا توصلنا إلى حل لأي منها.

لقد واجهت هذه المشكلة منذ تمرين مبكر للغاية. لقد وصلت للتو إلى 100.

نظام التشغيل: OSX
المتصفح: Chrome & Safari

أتساءل عما إذا كان الأمر يتعلق بتثبيت ملحقات الكروم؟ لدي عدد قليل من: Adblocker ، Microsoft Rewards (لا تحكم) ، Honey ، Avast ، Grammarly ، Mightytext. (ومع ذلك ، فإنني أختبر هذا في Safari والذي نادرًا ما أستخدمه ولم أقم بتثبيت أي ملحقات عليه)

sethmchris الصورة اقترح (helderspu الصورة خلق) الحل يبدو أنه قد فعل خدعة بالرغم من ذلك. (شكر)

يصعب اختبار هذا الاختبار نظرًا لأنني لم أرَ شخصًا ما يعيد إنتاجه محليًا ويبدو أنه يظهر نفسه بناءً على الظروف التي لم يتم تحديدها بعد. أفترض أن أفضل مسار للعمل قد يكون محاولة إضافة بعض الإصلاحات غير المنقطعة لمعرفة ما إذا كان أحدهم يصلحها.

فيما يلي بعض الملاحظات:
1) ربما يقوم رد فعل codemirror بإصلاح هذا الأمر عندما يتم نشر تحديثات التفاعل؟
2) وفقًا لاقتراحholdersepu لاستخدام simplescroll ، لا يمكنني الحصول عليه لتطبيقه بشكل صحيح محليًا يمنع المحرر من التحميل بشكل صحيح وتظهر وحدة التحكم الخطأ: TypeError: CodeMirror.scrollbarModel[cm.options.scrollbarStyle] is not a constructor . حاليًا ، تم تعيين scrollbarStyle على null لذا ربما يكون تعيينه على native يستحق المحاولة. لا يزال تعيينه على native يسمح للمحرر بالتحميل بشكل صحيح.
3) في هذا الموضوع ، قد أقترح إضافة editor.refresh() إلى السطر 40 من ملف create-editor .

عدم الاستغناء عن النقاط أعلاه التي قد تنجح أيضًا في تغيير الغلاف إلى false ؛ كما أشار raisedadead ، أعتقد أنه سيتسبب في حدوث أخطاء في التمرير الأفقي إذا لم نقم في نفس الوقت بتغيير نمط التمرير إلى native بدلاً من null .

مرحبًا ، أنا جديد في هذا البرنامج وقد واجهت نفس المشكلة منذ التحدي الأول. إنه أمر مزعج حقًا ، خاصةً عندما أشعر أنني على وشك القيام به وأشعر أنني أعرف ما سأفعله ، لكن لا يمكنني فعل أي شيء على الفور لأن المؤشر لا يريد الذهاب إلى حيث أحتاج إليه .

إذا كان لدى أي شخص حل ، يرجى إخباري به ، وسأكون ممتنًا للغاية.

شكرا مقدما

@ arias93jordy نشرت بعض المشاركات upsethmchris حلاً. لقد اختبرت ذلك وهو يعمل معي - جربه.

شكرا لكsethmchris! عملت هذا الحل بالنسبة لي.

sethmchris لقد جربت الحل الخاص بك ولكنه لا يعمل بالنسبة لي ... إنه يعطل وظيفة التفاف المرآة ولكن المؤشر لا يزال يفعل ما يشاء: (ربما أفعل ذلك بشكل خاطئ؟ لقد قمت ببساطة بتثبيت الامتداد ونسخه ولصق قطعة من كود وتمكين الامتداد على موقع FCC ... هل هناك أي شيء مفقود؟

Windows 10 ، إصدار Chrome الإصدار 54.0.2840.71 م.

لقد لاحظت أن الخطأ يظهر عندما تحتوي عينة التعليمات البرمجية المحملة بالدرس على أسطر طويلة بما يكفي ليتم لفها في السطر التالي. إذا كانت جميع الأسطر قصيرة ، فلا مشكلة.

يبدو أن الانتقال إلى السطر العلوي (الموضع 0 ، السطر 0) والضغط على حذف مرة واحدة يؤدي إلى حل المشكلة.

نعم شكرا لك!

في الثلاثاء 1 نوفمبر 2016 الساعة 3:34 صباحًا ، كتب svershin [email protected] :

Windows 10 ، إصدار Chrome الإصدار 54.0.2840.71 م.

لقد لاحظت أن الخطأ يظهر عند تحميل نموذج التعليمات البرمجية بامتداد
يحتوي الدرس على سطور طويلة بما يكفي ليتم لفها بالجزء التالي
خط. إذا كانت جميع الأسطر قصيرة ، فلا مشكلة.

يبدو الذهاب إلى السطر العلوي (الموضع 0 ، السطر 0) والضغط على حذف مرة واحدة
من أجل حل المشكلة.

-
أنت تتلقى هذا لأنك مشترك في هذا الموضوع.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -257534503 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/ASTtQD6EtjYcLsMBHxY45d5-uEbIq5Zqks5q5xWfgaJpZM4H91tE
.

Google Chrome - تم التحقق من فتحه في 11/11/16.

خطوات الاستنساخ:
1.) قم بتحميل أي صفحة بمحرر الشفرة الذي يحتوي على سطر طويل ، مثل [https://www.freecodecamp.com/challenges/center-text-with-bootstrap]
2.) قم بتقليص الصفحة إلى الحجم الذي تلتف فيه الخطوط.
3.) قم بإجراء تحديث ثابت للصفحة.
4.) انقر باتجاه الجانب الأيمن من المحرر.
5.) لاحظ أن حرف الإقحام غالبًا لا يتحرك إلى نهاية السطر.

مرحبًا يا رفاق ، هذه مشكلة مؤكدة ، يرجى استخدام ردود الفعل على المنشور الأول بدلاً من ذلك للتأكيد.

دعونا نحافظ على الخيط نظيفًا للحلول المحتملة فقط.

يمكنني إعادة إظهار المشكلة في متصفح Edge وكذلك Chrome. من أجل جعله يتوقف (للتحدي الحالي فقط) أقوم بالتصغير ثم إعادة التكبير. إنه أمر مزعج ولكنه يعمل بالنسبة لي.

كانت لدي هذه المشكلة كما تمت الإشارة إليها بواسطة erictleung هنا

لسبب ما ، لم أتلق إشعارًا بالبريد الإلكتروني يفيد بأن أي شخص قد استجاب له حتى تم إغلاق المشكلة.

يبدو أن الضرب على الدخول يصلح ذلك

لدي نفس المشكلة:

1. لا يمكن وضع المؤشر في بعض المناطق ، ليس عند النقر ولا باستخدام أسهم لوحة المفاتيح
2. عندما أحاول حذف شيء ما ، يتم حذف أشياء أخرى ، مثل موضع المؤشر غير صحيح

يحدث هذا مع الكروم وفايرفوكس
تحديث: ساعد زر "إعادة تعيين" الرمز هذه المرة ، ولكن فقط في تحدٍ واحد معين ..... في التحدي التالي ، تتكاثر المشكلة بنفسها .... وأنا مجبر على إعادة تعيين الرمز مرة أخرى ويحدث ذلك في كل مرة باستخدام جديد التحدي.

mrgizmo شكرًا ، يرجى الرجوع إلى https://github.com/FreeCodeCamp/FreeCodeCamp/issues/7847#issuecomment -260019777

لقد أغلقت المحادثة مؤقتًا في سلسلة المحادثات هذه للمتعاونين فقط ، وقد تم حل ذلك في التدريج ، وسيتم نشره قريبًا.

يمكن تأكيد الإصلاح على موقع الويب التجريبي.

الحل البديل الموجود حاليًا على موقع الإنتاج هو:
اضغط على مفتاح Enter في محرر التحدي ثم تابع التحدي.

نعتذر عن الإزعاج في غضون ذلك.

اتصل بنا في غرفة الدردشة إذا كنت بحاجة إلى أي مساعدة.