RanchiMall/standard-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug fix

Browse Source
This commit is contained in:
sairaj mote 2023-09-15 03:06:12 +05:30
parent 830df29dd1
commit 6a00682595
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
components/dist/select.js vendored
View File

@ -206,7 +206,7 @@ customElements.define('sm-select', class extends HTMLElement {
reset(fire = true) { reset(fire = true) {
if (this.availableOptions[0] && this.previousOption !== this.availableOptions[0]) { if (this.availableOptions[0] && this.previousOption !== this.availableOptions[0]) {
const selectedOption = this.availableOptions.find(option => option.hasAttribute('selected')) || this.availableOptions[0]; const selectedOption = this.availableOptions.find(option => option.hasAttribute('selected') && option.getAttribute('selected') === 'true') || this.availableOptions[0];
this.value = selectedOption.getAttribute('value') this.value = selectedOption.getAttribute('value')
if (fire) { if (fire) {
this.fireEvent() this.fireEvent()
@ -215,9 +215,9 @@ customElements.define('sm-select', class extends HTMLElement {
} }
selectOption(selectedOption) { selectOption(selectedOption) {
if (this.previousOption !== selectedOption) { if (this.previousOption !== selectedOption) {
this.querySelectorAll('[selected]').forEach(option => option.removeAttribute('selected')) this.querySelectorAll('[selected="true"]').forEach(option => option.removeAttribute('selected'))
this.selectedOptionText.textContent = `${this.label}${selectedOption.textContent}`; this.selectedOptionText.textContent = `${this.label}${selectedOption.textContent}`;
selectedOption.setAttribute('selected', '') selectedOption.setAttribute('selected', 'true')
this.previousOption = selectedOption this.previousOption = selectedOption
} }
} }
@ -247,7 +247,7 @@ customElements.define('sm-select', class extends HTMLElement {
], this.animationOptions) ], this.animationOptions)
this.setAttribute('open', ''); this.setAttribute('open', '');
this.style.zIndex = 1000; this.style.zIndex = 1000;
(this.availableOptions.find(option => option.hasAttribute('selected')) || this.availableOptions[0]).focus() (this.availableOptions.find(option => option.hasAttribute('selected') && option.getAttribute('selected') === 'true') || this.availableOptions[0]).focus()
document.addEventListener('mousedown', this.handleClickOutside) document.addEventListener('mousedown', this.handleClickOutside)
this.isOpen = true this.isOpen = true
} }
@ -325,7 +325,7 @@ customElements.define('sm-select', class extends HTMLElement {
if (e.target === this) { if (e.target === this) {
if (this.isOpen && e.key === 'ArrowDown') { if (this.isOpen && e.key === 'ArrowDown') {
e.preventDefault(); e.preventDefault();
(this.availableOptions.find(option => option.hasAttribute('selected')) || this.availableOptions[0]).focus() (this.availableOptions.find(option => option.hasAttribute('selected') && option.getAttribute('selected') === 'true') || this.availableOptions[0]).focus()
this.handleOptionSelection(e) this.handleOptionSelection(e)
} else if (e.key === ' ') { } else if (e.key === ' ') {
e.preventDefault() e.preventDefault()
@ -373,7 +373,7 @@ customElements.define('sm-select', class extends HTMLElement {
} }
}); });
if (attributesChanged) { if (attributesChanged) {
const selectedOption = this.availableOptions.find(option => option.hasAttribute('selected')) || this.availableOptions[0]; const selectedOption = this.availableOptions.find(option => option.hasAttribute('selected') && option.getAttribute('selected') === 'true') || this.availableOptions[0];
this.selectedOptionText.textContent = `${this.label}${selectedOption.textContent}`; this.selectedOptionText.textContent = `${this.label}${selectedOption.textContent}`;
this.setAttribute('value', selectedOption.getAttribute('value')); this.setAttribute('value', selectedOption.getAttribute('value'));
} }
@ -462,7 +462,7 @@ smOption.innerHTML = `
:host(:focus) .option::before{ :host(:focus) .option::before{
opacity: 1 opacity: 1
} }
:host([selected]) .option::before{ :host([selected="true"]) .option::before{
opacity: 1; opacity: 1;
background: var(--accent-color, teal); background: var(--accent-color, teal);
} }
@ -470,7 +470,7 @@ smOption.innerHTML = `
.option:hover{ .option:hover{
background: rgba(var(--text-color,(17,17,17)), 0.1); background: rgba(var(--text-color,(17,17,17)), 0.1);
} }
:host(:not([selected]):hover) .option::before{ :host(:not([selected="true"]):hover) .option::before{
opacity: 1 opacity: 1
} }
} }

2
components/dist/select.min.js vendored
View File

File diff suppressed because one or more lines are too long