Update bx-select's layout

This commit is contained in:
redphx
2024-07-15 21:18:51 +07:00
parent 394dc68ece
commit be338f3e34
5 changed files with 47 additions and 15 deletions

View File

@@ -65,11 +65,18 @@ export class BxSelectElement {
content = $option.textContent || '';
if (content && $option.parentElement!.tagName === 'OPTGROUP') {
content = ($option.parentElement as HTMLOptionElement).label + ' ' + content;
}
}
$label.innerHTML = '';
const fragment = document.createDocumentFragment();
fragment.appendChild(CE('span', {}, ($option.parentElement as HTMLOptGroupElement).label));
fragment.appendChild(document.createTextNode(content));
$label.textContent = content;
$label.appendChild(fragment);
} else {
$label.textContent = content;
}
} else {
$label.textContent = content;
}
// Hide checkbox when the selection is empty
if (isMultiple) {