davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

Merge pull request #177 from jdan/fix-172-tableview-event-path-access

Browse Source 
fix exception on table element click
This commit is contained in:
Juani Garay
2023-10-20 11:51:34 -03:00
committed by GitHub
parent 0e44208144 1af4941b68
commit b21f1ea9a1
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/index.html.ejs
View File

@@ -965,9 +965,16 @@
<script> <script>
document.querySelectorAll('table.interactive').forEach(element => { document.querySelectorAll('table.interactive').forEach(element => {
element.addEventListener('click', (event) => { element.addEventListener('click', (event) => {
const row = event.path.find(element => element.tagName === 'TR' && element.parentElement.tagName === 'TBODY'); const highlightedClass = 'highlighted';
if (row) { const isRow = element => element.tagName === 'TR' && element.parentElement.tagName === 'TBODY';
row.classList.toggle('highlighted'); const newlySelectedRow = event.composedPath().find(isRow);
const previouslySelectedRow = Array.from(newlySelectedRow.parentElement.children).filter(isRow).find(element => element.classList.contains(highlightedClass));
if(previouslySelectedRow){
previouslySelectedRow.classList.toggle(highlightedClass);
}
if (newlySelectedRow) {
newlySelectedRow.classList.toggle(highlightedClass);
} }
}) })
}); });