AS1024/Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix project dropdown visibility when page is scrolled down

Browse Source
This commit is contained in:
Frederic Guillot
2017-11-10 15:55:05 -08:00
parent b763966595
commit 63dbab199c
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/app.min.js vendored
View File

File diff suppressed because one or more lines are too long

3
assets/js/components/select-dropdown-autocomplete.js
View File

@@ -183,6 +183,7 @@ KB.component('select-dropdown-autocomplete', function(containerElement, options)
function buildDropdownMenu() { function buildDropdownMenu() {
var itemElements = filterItems(inputElement.value, buildItems(options.items)); var itemElements = filterItems(inputElement.value, buildItems(options.items));
var componentPosition = componentElement.getBoundingClientRect(); var componentPosition = componentElement.getBoundingClientRect();
var windowPosition = document.body.scrollTop || document.documentElement.scrollTop;
if (itemElements.length === 0) { if (itemElements.length === 0) {
return null; return null;
@@ -190,7 +191,7 @@ KB.component('select-dropdown-autocomplete', function(containerElement, options)
return KB.dom('ul') return KB.dom('ul')
.attr('id', 'select-dropdown-menu') .attr('id', 'select-dropdown-menu')
.style('top', (document.body.scrollTop + componentPosition.bottom) + 'px') .style('top', (windowPosition + componentPosition.bottom) + 'px')
.style('left', componentPosition.left + 'px') .style('left', componentPosition.left + 'px')
.style('width', componentPosition.width + 'px') .style('width', componentPosition.width + 'px')
.style('maxHeight', (window.innerHeight - componentPosition.bottom - 20) + 'px') .style('maxHeight', (window.innerHeight - componentPosition.bottom - 20) + 'px')