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

Check for CSS opacity

Browse source
This commit is contained in:
humanoid 2020-04-10 08:59:42 +03:00
parent 11472925ee
commit d83ff1c9a5
1 changed files with 21 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
keepassxc-browser/content/keepassxc-browser.js
View file

@ -245,6 +245,22 @@ kpxcFields.prepareId = function(id) {
return (id + '').replace(kpxcFields.rcssescape, kpxcFields.fcssescape);
};
/**
* Returns the first parent element satifying the {@code predicate} mapped by {@code resultFn} or else {@code defaultVal}.
* @param {HTMLElement} element The start element (excluded, starting with the parents)
* @param {function} predicate Matcher for the element to find, type (HTMLElement) => boolean
* @param {function} resultFn Callback function of type (HTMLElement) => {*} called for the first matching element
* @param {fun} defaultValFn Fallback return value supplier, if no element matching the predicate can be found
*/
kpxcFields.traverseParents = function(element, predicate, resultFn = () => true, defaultValFn = () => false) {
for (let f = element.parentElement; f !== null; f = f.parentElement) {
if (predicate(f)) {
return resultFn(f);
}
}
return defaultValFn();
};
// Checks if input field is a search field. Attributes or form action containing 'search', or parent element holding
// role="search" will be identified as a search field.
kpxcFields.isSearchField = function(target) {
@ -285,7 +301,10 @@ kpxcFields.isSearchField = function(target) {
};
kpxcFields.isVisible = function(field) {
const rect = field.getBoundingClientRect();
// Check for parent opacity
if (kpxcFields.traverseParents(field, f => f.style.opacity === '0')) {
return false;
}
// Check CSS visibility
const fieldStyle = getComputedStyle(field);
@ -294,6 +313,7 @@ kpxcFields.isVisible = function(field) {
}
// Check element position and size
const rect = field.getBoundingClientRect();
if (rect.x < 0 || rect.y < 0 || rect.width < 8 || rect.height < 8) {
return false;
}