I can't align the datalist option .
I tryied using text-align: right and dir="rtl" but both dosn't work.
since I'm using rtl direction I want the dropdown menu text aligned to the right not left also the arrow pointer should be aligned to the right
<form dir="rtl">
<p>
<label for="depart">اختار رقم</label><br />
<input list="myoptions" autocomplete="on" />
<datalist id="myoptions">
<option dir="rtl" value="واحد"></option>
<option value="اثنان"></option>
<option value="ثلاثة"></option>
<option value="اربعة"></option>
<option value="خمسة"></option>
</datalist>
</p>
</form>I reported this issue as a bug to chrome :
https://bugs.chromium.org/p/chromium/issues/detail?id=1287888