mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-19 16:48:42 +02:00
64 lines
1.9 KiB
JavaScript
64 lines
1.9 KiB
JavaScript
/*
|
|
* Copyright (C) 2013-2024 Combodo SAS
|
|
*
|
|
* This file is part of iTop.
|
|
*
|
|
* iTop is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU Affero General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* iTop is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Affero General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
*/
|
|
Selectize.define("combodo_auto_position", function (aOptions) {
|
|
|
|
// Selectize instance
|
|
let oSelf = this;
|
|
|
|
// Plugin options
|
|
aOptions = $.extend({
|
|
maxDropDownHeight: '200px',
|
|
},
|
|
aOptions
|
|
);
|
|
|
|
// override settings
|
|
oSelf.settings.dropdownParent = 'body';
|
|
|
|
// Override position dropdown function
|
|
oSelf.positionDropdown = (function () {
|
|
return function () {
|
|
let iRefHeight = oSelf.$dropdown.outerHeight();
|
|
if(oSelf.$control.offset().top + oSelf.$control.outerHeight() + iRefHeight > window.innerHeight){
|
|
|
|
oSelf.$dropdown.css({
|
|
top: oSelf.$control.offset().top - iRefHeight,
|
|
left: oSelf.$control.offset().left,
|
|
width: oSelf.$wrapper.outerWidth(),
|
|
'max-height': `${aOptions.maxDropDownHeight}`,
|
|
'overflow-y': 'auto',
|
|
});
|
|
|
|
// N°9468 Dropdown content needs to be a few pixel shorter than the dropdown itself to avoid double scrollbar
|
|
oSelf.$dropdown_content.css({
|
|
'max-height': `calc(${aOptions.maxDropDownHeight} - 4px)`
|
|
});
|
|
|
|
}
|
|
else{
|
|
oSelf.$dropdown.css({
|
|
top: oSelf.$control.offset().top + oSelf.$control.outerHeight(),
|
|
left: oSelf.$control.offset().left,
|
|
width: oSelf.$wrapper.outerWidth(),
|
|
'overflow-y': 'auto'
|
|
});
|
|
}
|
|
};
|
|
}());
|
|
|
|
}); |