kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Introduced an offset limit to prevent the dropdown from going far right

Browse source
This commit is contained in:
Jose Ivan Vargas 2017-01-20 19:03:59 -06:00 committed by Phil Hughes
parent f6f52b43b5
commit 98dbb8e23d
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/assets/javascripts/filtered_search/filtered_search_dropdown_manager.js.es6
View file

@ -90,7 +90,15 @@
const input = this.filteredSearchInput; const input = this.filteredSearchInput;
const inputText = input.value.slice(0, input.selectionStart); const inputText = input.value.slice(0, input.selectionStart);
const filterIconPadding = 27; const filterIconPadding = 27;
const offset = gl.text.getTextWidth(inputText, this.font) + filterIconPadding; let offset = gl.text.getTextWidth(inputText, this.font) + filterIconPadding;
const currentDropdownWidth = this.mapping[key].element.clientWidth === 0 ? 200 :
this.mapping[key].element.clientWidth;
const offsetMaxWidth = this.filteredSearchInput.clientWidth - currentDropdownWidth;
if (offsetMaxWidth < offset) {
offset = offsetMaxWidth;
}
this.mapping[key].reference.setOffset(offset); this.mapping[key].reference.setOffset(offset);
} }