R072: <select> يُعرض من اليسار إلى اليمين وخياراته عربية

ما الذي يتجاهله عمدًا

القوائم المضبوطة على dir="auto"، والقوائم التي لا خيارات عربية بينها، كقائمة رموز الدول. حتى ست حالات في الصفحة.

قبل الإصلاح وبعده

<select dir="ltr">
  <option>الرياض</option>
  <option>جدة</option>
</select>

<select>
  <option>الرياض</option>
  <option>جدة</option>
</select>

افحصه يدويًا

حدّد القائمة المنسدلة وشغّل [getComputedStyle($0).direction, [...$0.options].slice(0, 3).map((o) => o.text)] في وحدة تحكم DevTools. القيمة ltr مع خيارات عربية هي الملاحظة.

ما يعرضه لك التقرير

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

computedDirection

الاتجاه الذي تُعرض به القائمة.

optionSamples

ما يصل إلى ثلاثة من خياراتها، كما كُتبت.