From 81ce9903f9375fa94b20f68aab590155ba1cbb1a Mon Sep 17 00:00:00 2001
From: Liuming Chen <51524534+let-lc@users.noreply.github.com>
Date: Fri, 22 Oct 2021 21:09:04 -0400
Subject: [PATCH] add "rtl" styles for select element

---
 src/index.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/index.js b/src/index.js
index 3942434..b0b1d93 100644
--- a/src/index.js
+++ b/src/index.js
@@ -98,6 +98,15 @@ const forms = plugin.withOptions(function (options = { strategy: 'base' }) {
           'color-adjust': `exact`,
         },
       },
+      {
+        base: ['[dir="rtl"] select'],
+        class: ['.form-select'],
+        styles: {
+          'background-position': `left ${spacing[2]} center`,
+          'padding-left': spacing[10],
+          'padding-right': spacing[3],
+        },
+      },
       {
         base: ['[multiple]'],
         class: null,