kr-elements 0.0.1-alpha.3 → 0.0.1-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -30,7 +30,7 @@ class ComboboxMarkup {
|
|
|
30
30
|
this.placeholder = this.#shadowRoot.querySelector('#placeholder');
|
|
31
31
|
this.placeholder.innerText = placeholder;
|
|
32
32
|
this.searchInput = this.#shadowRoot.querySelector('[part="search-input"]');
|
|
33
|
-
this.searchInput.value = this.#shadowRoot.host.getAttribute('
|
|
33
|
+
this.searchInput.value = this.#shadowRoot.host.getAttribute('query');
|
|
34
34
|
this.searchInput.placeholder = placeholder;
|
|
35
35
|
this.connected = true;
|
|
36
36
|
}
|
|
@@ -170,6 +170,7 @@ class ComboboxMarkup {
|
|
|
170
170
|
[part="options"] {
|
|
171
171
|
display: flex;
|
|
172
172
|
flex-direction: column;
|
|
173
|
+
justify-content: start;
|
|
173
174
|
gap: 2px;
|
|
174
175
|
padding-block: .5rem;
|
|
175
176
|
border-radius: inherit;
|
|
@@ -202,6 +203,7 @@ class ComboboxMarkup {
|
|
|
202
203
|
}
|
|
203
204
|
|
|
204
205
|
#placeholder {
|
|
206
|
+
text-align: left;
|
|
205
207
|
overflow: hidden;
|
|
206
208
|
}
|
|
207
209
|
|
|
@@ -27,7 +27,7 @@ export class ComboboxMarkup {
|
|
|
27
27
|
this.placeholder = this.#shadowRoot.querySelector('#placeholder');
|
|
28
28
|
this.placeholder.innerText = placeholder;
|
|
29
29
|
this.searchInput = this.#shadowRoot.querySelector('[part="search-input"]');
|
|
30
|
-
this.searchInput.value = this.#shadowRoot.host.getAttribute('
|
|
30
|
+
this.searchInput.value = this.#shadowRoot.host.getAttribute('query');
|
|
31
31
|
this.searchInput.placeholder = placeholder;
|
|
32
32
|
this.connected = true;
|
|
33
33
|
}
|
|
@@ -167,6 +167,7 @@ export class ComboboxMarkup {
|
|
|
167
167
|
[part="options"] {
|
|
168
168
|
display: flex;
|
|
169
169
|
flex-direction: column;
|
|
170
|
+
justify-content: start;
|
|
170
171
|
gap: 2px;
|
|
171
172
|
padding-block: .5rem;
|
|
172
173
|
border-radius: inherit;
|
|
@@ -199,6 +200,7 @@ export class ComboboxMarkup {
|
|
|
199
200
|
}
|
|
200
201
|
|
|
201
202
|
#placeholder {
|
|
203
|
+
text-align: left;
|
|
202
204
|
overflow: hidden;
|
|
203
205
|
}
|
|
204
206
|
|