If, according to the inclusion rules on any particular TOC.js block instance, there are no candidates then the block should not render at all.
The reason I bring this up is that I am seeing TOC.js blocks appearing when the nav is empty as seen below…
<div class="toc-js sticky is-visible" id="toc-js-block" data-selectors="h1, :not(.is-a-group-title-Yes)&gt;h2"
data-selectors-minimum="0" data-container=".node" data-prefix="toc" data-list-type="ul" data-li-classes=""
data-skip-invisible-headings="0" data-use-heading-html="0" data-back-to-top="1"
data-back-to-top-label="BACK TO TOP" data-heading-focus="0" data-back-to-toc="0"
data-back-to-toc-label="Back to table of contents" data-back-to-toc-classes="visually-hidden-focusable"
data-smooth-scrolling="1" data-highlight-on-scroll="1" data-highlight-offset="100" data-sticky="1"
data-sticky-offset="0" data-ajax-page-updates="0" data-once="toc_js" style="top: 0px;">
<nav></nav>
</div>
Yes, I have various other 'padding' around thet above block but I wonder when it should be ultimately up the TOC.js module to decide whehter or not to even attempt to render the block.
Closed: works as designed
3.0
User interface
We cannot disable the toc_js block rendering as everything is done client-side.
May be we can add some custom CSS to the block when the toc is empty to allow hiding.
What are your suggestions?