mirror of
https://github.com/getformwork/formwork.git
synced 2025-01-17 13:38:22 +01:00
Fix dropdowns scrolling by keyboard
This commit is contained in:
parent
af55f0fbaf
commit
3daa2ef8bb
@ -33,25 +33,12 @@
|
||||
margin-top: 3px;
|
||||
background-color: var(--color-base-900);
|
||||
box-shadow: $box-shadow-md;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dropdown-menu::after,
|
||||
.dropdown-list::after {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
width: 1px;
|
||||
height: 40px;
|
||||
content: "";
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.dropdown-list {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.dropdown-list-items {
|
||||
max-height: 6.25 * (2 * 0.5rem * $base-line-height + $font-size-sm);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
|
@ -93,10 +93,6 @@ export class TagInput {
|
||||
dropdown = document.createElement("div");
|
||||
dropdown.className = "dropdown-list";
|
||||
|
||||
const container = document.createElement("div");
|
||||
container.className = "dropdown-list-items";
|
||||
dropdown.appendChild(container);
|
||||
|
||||
for (const key in list) {
|
||||
const item = document.createElement("div");
|
||||
item.className = "dropdown-item";
|
||||
@ -107,7 +103,7 @@ export class TagInput {
|
||||
addTag(this.dataset.value);
|
||||
}
|
||||
});
|
||||
container.appendChild(item);
|
||||
dropdown.appendChild(item);
|
||||
}
|
||||
|
||||
field.appendChild(dropdown);
|
||||
|
Loading…
x
Reference in New Issue
Block a user