Page Display: Fixed highlighting for elements in nested details
For #4878
This commit is contained in:
		
							parent
							
								
									8e01345f14
								
							
						
					
					
						commit
						5a5f0b8de9
					
				| 
						 | 
					@ -31,9 +31,12 @@ export function debounce(func, waitMs, immediate) {
 | 
				
			||||||
export function scrollAndHighlightElement(element) {
 | 
					export function scrollAndHighlightElement(element) {
 | 
				
			||||||
    if (!element) return;
 | 
					    if (!element) return;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    const parentDetails = element.closest('details');
 | 
					    let parent = element;
 | 
				
			||||||
    if (parentDetails && !parentDetails.open) {
 | 
					    while (parent.parentElement) {
 | 
				
			||||||
        parentDetails.open = true;
 | 
					        parent = parent.parentElement;
 | 
				
			||||||
 | 
					        if (parent.nodeName === 'DETAILS' && !parent.open) {
 | 
				
			||||||
 | 
					            parent.open = true;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    element.scrollIntoView({behavior: 'smooth'});
 | 
					    element.scrollIntoView({behavior: 'smooth'});
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue