Navigation router-link not working properly after making resources menu collapsible

[sabrinanne]

Hi,

I've overwritten navigation.blade.php to make the grouped resources collapsible.

server/resources/views/vendor/nova/resources/navigation.blade.php changes:

<h4 class="ml-8 mb-4 text-xs text-white-50% uppercase tracking-wide collapsible">{{ $group }}</h4>

<ul class="list-reset mb-8 content"></ul>

CSS:
.collapsible { cursor: pointer; width: 100%; border: none; text-align: left; outline: none; }

.content { display: none; overflow: hidden; }

JS:
window.onload = () => let coll = document.getElementsByClassName("collapsible"); for (let i = 0; i < coll.length; i++) { coll[i].addEventListener("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; if (content.style.display === "block") { content.style.display = "none"; } else { content.style.display = "block"; } }); } };

The collapsible menu is working. However, clicking a resource is not showing the index grid. The Network tab shows that requests are successful (e.g http://localhost/nova-api/resource-name?search=&filters=W10%3D&orderBy=&perPage=25&trashed=&page=1&relationshipType= is returning the values). It seems like the issues is with the displaying of results.

Any idea why this is happening?

[sabrinanne]

Fixed by not using the class content which is already used for the div holding the items other than the sidebar.