diff --git a/dev.html b/dev.html
index e408465..78c6e5a 100644
--- a/dev.html
+++ b/dev.html
@@ -32,6 +32,7 @@
+
diff --git a/src/components/Select.vue b/src/components/Select.vue
index 82818dc..d1eda26 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -15,7 +15,19 @@
-moz-box-sizing: border-box;
box-sizing: border-box;
}
-
+ /* Rtl support */
+ .v-select.rtl .open-indicator {
+ left: 10px;
+ right: auto;
+ }
+ .v-select.rtl .selected-tag {
+ float: right;
+ margin-right: 3px;
+ margin-left: 1px;
+ }
+ .v-select.rtl .dropdown-menu {
+ text-align: right;
+ }
/* Open Indicator */
.v-select .open-indicator {
position: absolute;
@@ -183,9 +195,9 @@
clear: none;
}
/* Search Input States */
- .v-select.unsearchable input[type="search"] {
+ /* .v-select.unsearchable input[type="search"] {
max-width: 1px;
- }
+ } */
/* List Items */
.v-select li {
line-height: 1.42857143; /* Normalize line height */
@@ -536,7 +548,16 @@
*/
inputId: {
type: String
- }
+ },
+
+ /**
+ * Sets Rtl support.
+ * @type {Boolean}
+ */
+ rtl: {
+ type: Boolean,
+ default: false
+ },
},
data() {
@@ -817,7 +838,8 @@
searching: this.searching,
searchable: this.searchable,
unsearchable: !this.searchable,
- loading: this.mutableLoading
+ loading: this.mutableLoading,
+ rtl: this.rtl
}
},
@@ -827,7 +849,7 @@
*/
clearSearchOnBlur() {
return this.clearSearchOnSelect && !this.multiple
- },
+ },
/**
* Return the current state of the