prehistoric-systems/keepassxc-browser
1
0
Fork 0
mirror of https://github.com/keepassxreboot/keepassxc-browser.git synced 2026-03-11 08:54:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Autocomplete Menu widths

Browse source
This commit is contained in:
varjolintu 2024-07-12 07:57:53 +03:00 committed by varjolintu
parent 892e80fa2f
commit ec6956ef25
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
keepassxc-browser/content/autocomplete.js
View file

@ -329,8 +329,13 @@ class Autocomplete {
return;
}
// Calculate Y offset if menu does not fit to the bottom of the screen -> show it at the top of the input field
// Set container's minimum width to the input field's width
const rect = this.input.getBoundingClientRect();
this.container.style.minWidth = Pixels(this.input.offsetWidth);
// Extend the list's max width to input field's width or at least to the maxWidth defined in the CSS file
this.list.style.maxWidth = `max(${Pixels(this.input.offsetWidth)}, 600px)`;
// Calculate Y offset if menu does not fit to the bottom of the screen -> show it at the top of the input field
const menuRect = this.container.getBoundingClientRect();
const totalHeight = menuRect.height + rect.height;
const menuOffset = totalHeight + rect.y > window.self.visualViewport.height ? totalHeight : 0;