Hide Tags in Breadcrumbs



Showing tags in breadcrumbs doesn’t make sense (to me at least). It would be great to be able to hide them. This feature would be great! Maybe some has a css solution for this already?


Could you get more specific? How to reproduce this?

Sorry, I’ll give it a try. Here is how. to reproduce it:

  • Add a tag to a block.
  • Add blocks indented underneath this block.
  • Open indented blocks so that a block containing a tag appears as a breadcrumb

How would it help:

  • Tags often don’t provide any content, but have a functional implication like priorities etc.
  • These functional tags provide no value in breadcrumbs. To me they are actually distracting.

Maybe there is a simple CSS-solution. I didn’t find one though. I appreciate your help :slight_smile:

You may try adding the following in file custom.js:

const breads = document.getElementsByClassName("breadcrumb")
const breadObserver = new MutationObserver(function onMutated(){
    Array.prototype.forEach.call(breads, (bread)=>{
        bread.querySelectorAll("a span").forEach( (span)=>{
            const nodes = span.childNodes
            for (let i = nodes.length - 1; i > 0; i--) nodes[i].remove()
breadObserver.observe(document.getElementById("app-container"), {
    attributes: true,
    subtree: true,
    attributeFilter: ["class"]

Thanks! Unfortunately it doesn’t work.

Sorry, it works to me.

Yeah, you’re right it works. Though, only if I move my mouse :sweat_smile: which is totally alright. Thanks a lot :heart_eyes: