01// walk up the DOM, collect ancestors
02function buildChain(el) {
03 const chain = [];
04 let current = el;
05 while (current !== document.body) {
06 if (BLOCKS.has(current.tagName))
07 chain.push(current);
08 current = current.parentElement;
09 }
10 return chain;
11}
I Got Tired of Ctrl+F on Dense Pages, So I Built a Chrome Extension
Ctrl+F highlights a 40px word that vanishes into the noise of a dense page. So I built Container Keyword Finder — it highlights the whole parent block instead, with ↑↓ navigation up the DOM ancestor chain. A walk through the TreeWalker, the MV3 architecture, and the UX idea behind it.
→ read on dev.to