Estoy tratando de obtener todos los elementos (específicos) que no están en los padres con display: none .

Actualmente, estoy usando lo siguiente:

 const displayNoneElements = Array.from( document.querySelectorAll( '*not:[style*="display:none;"], [style*="display: none"], [style*="display: none;"], [style*="display:none"]' ) ); const hiddenIssues = displayNoneElements.flatMap((element) => Array.from(element.querySelectorAll(SPECIFIC_TAG)) ); // Filters the issues which are in parents with display none issues = Array.from(document.getElementsByTagName(SPECIFIC_TAG)).filter((issue) => { for (let hiddenIssue of hiddenIssues) { if (hiddenIssue.isSameNode(issue)) { return false; } } return true; });

El código anterior está haciendo el trabajo, pero estoy seguro de que hay una solución más elegante con solo algunos selectores adecuados.

Gracias por adelantado.