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