Freecodecamp: أسلوب البحث يقفز

تم إنشاؤها على ١٥ أكتوبر ٢٠١٩  ·  3تعليقات  ·  مصدر: freeCodeCamp/freeCodeCamp

صف الخلل
عند إعادة تحميل الصفحة تظهر مشكلتان في النمط.

  • يتحرك نص العنصر النائب قليلاً بمجرد تحميل الصفحة بالكامل.
  • مرات البحث جريئة لفترة وجيزة

لإعادة إنتاج
خطوات إعادة إنتاج السلوك:

  1. انتقل إلى www.freecodecamp.dev (أو أي صفحة بها بحث)
  2. إعادة تحميل
  3. رؤية نقل نص العنصر النائب
  4. انقر فوق شريط البحث
  5. اكتب أي شيء
  6. شاهد النتيجة تظهر بخط عريض لفترة وجيزة ، ثم غيّر إلى الوزن الطبيعي

سلوك متوقع
يجب أن تبدأ الصفحة بالأنماط التي تنتهي بالحصول عليها.

لقطات
SearchFOUC

client bug

ال 3 كومينتر

مرحبًا ، أريد المساعدة في ذلك. أين يمكنني أن أجد الرمز الخاص به؟ (المساهمة لأول مرة)

GabCostaSilva لست متأكدًا بنسبة 100٪ من مكان المشكلة ، ولكن مكونات SearchBar و SearchHits و SearchSuggestion كلها متضمنة إلى حد ما. بطريقة ما ، لا يحصل SearchSuggestions على الفئات المناسبة عند تقديمه لأول مرة على ما أعتقد .

أخطط لإلقاء نظرة فاحصة بنفسي ، غدًا ، ولكن نرحب بك لتقديم PR / مشاركة أي فكرة. مثل ما تتمنى!

اتضح أنه لم يكن له علاقة بهذه المكونات. تكمن المشكلة في أن الخط Lato-300 لا يتم تحميله إلا بعد الحاجة إليه - في هذه الحالة عندما تظهر نتائج البحث. يتسبب هذا في وميض موجز Arial وهذا هو سبب المشكلة.

سأبحث في التحميل المسبق للخطوط ومسح هذا الأمر.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات