andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #631 from brettapeters/search-performance

Browse Source 
[WEB] Avoid forced reflows inside search function
This commit is contained in:
Angelos Chalaris
2018-03-12 20:53:49 +02:00
committed by GitHub
parent 7b20098ec8 f2287ff249
commit 0e23193e53
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static-parts/index-start.html
View File

@ -16,7 +16,7 @@
const search = (node) => { const search = (node) => {
let matchingTags = []; let matchingTags = [];
Array.from(node.parentElement.parentElement.getElementsByTagName('a')).forEach(x => { Array.from(node.parentElement.parentElement.getElementsByTagName('a')).forEach(x => {
let data = [x.innerText.toLowerCase(), ...x.getAttribute('tags').split(',')].map(v => !!(v.indexOf(node.value.toLowerCase()) + 1)); let data = [x.textContent.toLowerCase(), ...x.getAttribute('tags').split(',')].map(v => !!(v.indexOf(node.value.toLowerCase()) + 1));
if(data.includes(true)){ if(data.includes(true)){
x.style.display = ''; x.style.display = '';
matchingTags.push(x.getAttribute('tags').split(',')[0]); matchingTags.push(x.getAttribute('tags').split(',')[0]);
@ -24,7 +24,7 @@
else x.style.display = 'none'; else x.style.display = 'none';
}); });
Array.from(node.parentElement.parentElement.getElementsByTagName('h3')).forEach(x => { Array.from(node.parentElement.parentElement.getElementsByTagName('h3')).forEach(x => {
x.style.display = matchingTags.includes(x.innerText.toLowerCase()) ? '' : 'none'; x.style.display = matchingTags.includes(x.textContent.toLowerCase()) ? '' : 'none';
}) })
} }
function scrollToTop(){ function scrollToTop(){