Yoast Breadcrumb injected in Widget Preview

@dbase66

Would you please elaborate on this issue in more detail? If possible, can you take a screenshot that highlights this issue? This would help us investigate the issue further.

<div id=&quot;breadcrumbs&quot;><span><span><a href=&quot;https://alternatives-manifest.de/&quot;>Startseite</a></span></span></div>
<script type=&quot;text/javascript&quot;>
    var breadcrumbs = document.getElementById('breadcrumbs'),
    referenceNode;
    if (document.body.classList.contains('template-cover') == true) {
        referenceNode = document.getElementsByClassName('cover-header')[0];
    } else {
        referenceNode = document.getElementById('site-header');
    }
    referenceNode.parentNode.insertBefore(breadcrumbs, referenceNode.nextSibling);
</script>

Screenshot

Uploading Images is not allowed

the code is seen in developer – mode (chrome)
iFrame – Content of Widget Preview

Its only seen in this case (ADMIN), not on production mode to the consumer!

@dbase66

We are having a hard time reproducing this issue, so we really need your help. Please provide us with screenshots that highlight the issue you are experiencing. You can use any image-sharing service like https://pasteboard.co/, https://snag.gy/, https://imgur.com/, https://snipboard.io/, or even upload the screenshot to your own website. Once you upload it to an image-sharing service, please share the link to the image here.

http://www.me22.de/Bilder/Screenshot%202022-12-30%20101146.jpg

Thanks for the screenshot and highlighting the outputted breadcrumb.

Can you please provide us stepwise instructions to reproduce this issue on our end?

Yoast Breadcrumb injected in Widget Preview (ADMIN) Theme TewntyTwenty

Only in Pages or Posts the breadcrumb should be located!

In use the theme twentytwenty.

So, when i activate “display breadcrumb” in YOAST Settings, this happens!

Thank you for the information. We tried to reproduce the issue based on what we understood by trying these steps below:

1. Activated TwentyTwenty theme
2. From Appearance > Widgets > Inserted Yoast SEO Breadcrumb from block: https://tinyurl.com/2qslwwxb
3. It appeared like this on the Widgets section: https://tinyurl.com/2mkd5jcr
4. It appeared like this on the frontend individual Posts/Pages when viewed https://tinyurl.com/2hjtwjt5

Can you please confirm if those were the right steps?

Hi these are the right steps, but i dont make my own new widget. i use the widget pool comes with twentywtenty – theme, for example META.

in your screenshots, you see the breadcrumb injected, in preview mode of widget.

We are having a hard time reproducing this issue so we really need your help. If you have a few moments to spare, would you please try it on a fresh new WordPress setup with TwentyTwenty theme and just the Yoast SEO 19.14 active?

Do you see the same issue?

maybe i wanna overright my theme – files with original files or i have to checkup (beyond compare) of deviances inside code.

give me time!

@dbase66 Please let us know what the results are once you’ve had time to test the issue.

I checked the code my Yoast with original Yoast. There is no difference.
Earlier i wrote, that Step 1-4, together with screenshots 2 and 3 show the right error – pictures.
So, you are able to retrace the error, why YOAST Breadcrumb will be display in previews of widgets.