لا يتم عرض المساحة المتروكة في قوائم التحديد في Safari وIE

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

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

على سبيل المثال، في التعليمات البرمجية الخاصة بك:

من خلال إضافة مسافة بادئة نصية: 15 بكسل وزيادة العرض إلى 258 بكسل، سيعرض مربع التحديد الآن نفس المسافة البادئة كما لو كان يحتوي على 15 بكسل من المساحة المتروكة اليسرى، بينما لا يزال يعمل بشكل صحيح في متصفحات WebKit.