hiro/tridactyl
1
0
Fork 0
mirror of https://github.com/vale981/tridactyl synced 2025-03-05 17:41:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Only call getComputedStyle when neccesary

Browse source
This commit is contained in:
mozbug 2020-03-04 20:04:51 +08:00
parent dd21770de1
commit 08c6d475c6
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/lib/dom.ts
View file

@ -219,14 +219,18 @@ export function isVisible(element: Element) {
element = element.parentElement
}
const clientRect = element.getBoundingClientRect()
const computedStyle = getComputedStyle(element)
// remove elements that are barely within the viewport, tiny, or invisible
switch (true) {
case !clientRect:
case clientRect.bottom < 4:
case clientRect.top >= innerHeight - 4:
case clientRect.right < 4:
case clientRect.left >= innerWidth - 4:
return false
}
// remove elements that are barely within the viewport, tiny, or invisible
const computedStyle = getComputedStyle(element)
switch (true) {
case widthMatters(computedStyle) && clientRect.width < 3:
case heightMatters(computedStyle) && clientRect.height < 3:
case computedStyle.visibility !== "visible":