The nearby shelves seem to freak out and constantly show/hide if I use display:none, since React culls the elements and the :has selector no longer applies, causing the shelves to be visible again. Then it culls them again, and so on.
If I use visiblity instead, it does hide them, but since the element is still technically there, it leaves behind the gap in the grid.
React seems to leave behind the links when it culls, so I can safely use the link hrefs to target specific playlists. I'll just need to keep a list of them, and update any missing.
The nearby shelves seem to freak out and constantly show/hide if I use display:none, since React culls the elements and the
:has
selector no longer applies, causing the shelves to be visible again. Then it culls them again, and so on. If I use visiblity instead, it does hide them, but since the element is still technically there, it leaves behind thegap
in the grid.React seems to leave behind the links when it culls, so I can safely use the link
href
s to target specific playlists. I'll just need to keep a list of them, and update any missing.