tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix panel dropping issue about input drop-down box

Browse Source
This commit is contained in:
Tsanie Lily
2023-04-01 02:25:10 +08:00
parent 671a075c48
commit 067d6252b2
2 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
lib/ui/dropdown.html
View File

@ -89,11 +89,19 @@
<script type="text/javascript">
!function () {
const Dropdown = window["lib-ui"].Dropdown;
console.log(Dropdown);
const sample = document.querySelector('#dropdown-sample');
Dropdown.resolve(document.querySelector('#dropdown-sample'));
Dropdown.resolve(sample);
const drop = new Dropdown({
let drop = new Dropdown({
input: true,
selected: 'standby'
});
drop.source = ['off', 'running', 'standby', 'broken']
.map(it => { return { value: it, text: it } });
sample.appendChild(drop.create());
drop = new Dropdown({
selected: '#ff0',
search: true,
multiselect: true
@ -114,7 +122,7 @@
span.innerText = it.text;
it.html = span;
});
document.querySelector("#dropdown-sample").appendChild(drop.create());
sample.appendChild(drop.create());
}();
</script>
<style type="text/css">
@ -122,7 +130,7 @@
display: flex;
}
#dropdown-sample > .dropdown-wrapper {
#dropdown-sample>.dropdown-wrapper {
width: 200px;
margin-right: 10px;
}