WP 5.9 adds default Duotones before closing the body

[mkkeck]

Description

I've updated my WP to 5.9. Now there is new junk added before </body>, some SVG's and Style's.
This does not make sense, because I'm not using FSE and have disabled duotone and gradients.

Step-by-step reproduction instructions

1. View html code of a page rendered with 5.8
2. View html code of the same page rendered with 5.9
3. In 1.) there are no SVG and Styles before closing body but in 2.)

Screenshots, screen recording, code snippet

No response

Environment info

• Wordpress 5.9 with its Gutenberg
• Own non-FSE theme
• theme.json with dutotone:[], and customDuotone: false

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[johnstonphilip]

I am seeing this too:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-dark-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0.49803921568627" /><feFuncG type="table" tableValues="0 0.49803921568627" /><feFuncB type="table" tableValues="0 0.49803921568627" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-grayscale"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.54901960784314 0.98823529411765" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.71764705882353 0.25490196078431" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-red"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 0.27843137254902" /><feFuncB type="table" tableValues="0.5921568627451 0.27843137254902" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-midnight"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0 0" /><feFuncG type="table" tableValues="0 0.64705882352941" /><feFuncB type="table" tableValues="0 1" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-magenta-yellow"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.78039215686275 1" /><feFuncG type="table" tableValues="0 0.94901960784314" /><feFuncB type="table" tableValues="0.35294117647059 0.47058823529412" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-purple-green"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.65098039215686 0.40392156862745" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0.44705882352941 0.4" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-blue-orange"><feColorMatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><feComponentTransfer color-interpolation-filters="sRGB" ><feFuncR type="table" tableValues="0.098039215686275 1" /><feFuncG type="table" tableValues="0 0.66274509803922" /><feFuncB type="table" tableValues="0.84705882352941 0.41960784313725" /><feFuncA type="table" tableValues="1 1" /></feComponentTransfer><feComposite in2="SourceGraphic" operator="in" /></filter></defs></svg><script src='http://mydomain.com/wp-includes/js/hoverintent-js.min.js?ver=2.2.1' id='hoverintent-js-js'></script>

Looks to be related to duo tone things, which I am not using.

[lwangdu]

I am seen the seem issue. I have reported this issue before but nothing happened.

.

[mkkeck]

I am seen the seem issue. I have reported this issue before but nothing happened.

That shows me again, before releasing a new Version and/or feature testing is not done carefull and complete and more and more we have to accept the dictation and forcing us using things we can not opt-out, wether what we want.

[mkkeck]

I see at the moment:
The stupied added junk breaks my page layout, there is extra spacing (blockGap) added!

WHY? WHY? WHY? WHY IS THIS DONE?!
I CAN EDIT MY THEME AT MY OWN! I DO NOT NEED WORDPRESS FEATURES BREAKING MY PAGES / AND THEMES!
PUT THESE STUPIED JUNK OF FEATURES INTO YOU OWN THEMES!

[Soean]

@mkkeck

That shows me again, before releasing a new Version and/or feature testing is not done carefull and complete and more and more we have to accept the dictation and forcing us using things we can not opt-out, wether what we want.

It is possible to test the release candidate and give feedback before an update. This way the whole project can benefit from it.

I DO NOT NEED WORDPRESS FEATURES BREAKING MY PAGES / AND THEMES!

No one has intentionally broken your site. The bug will surely be fixed in one of the next versions.

[Soean]

Related:

• Duplicate style and svg #37927 opend by @lwangdu

[mkkeck]

@Soean

It is possible to test the release candidate and give feedback before an update. This way the whole project can benefit from it.

Okay this point goes to you ;)
You are right.

No one has intentionally broken your site. The bug will surely be fixed in one of the next versions.

I've not said, that some one has intentionally broken my site ...
But for some time now, features, knitted with the hot needle without documentation, without opt-out and without the possibility of a back port in case of an error, are introduced into WordPress, which often lead to problems and are not thought through to the end. This in turn then shatters painstakingly created layouts or complete websites, makes the work of theme and plugin developers to nothing and leads again and again to frustration.

Why is WordPress now rolling out global CSS styles in the front-end, regardless of loss, ruin and infirmity? Why, and this has been criticized for months, is there no way to adjust this, sometimes seriously interfering with the content and front-end, by an opt-in or opt-out?

[skorasaurus]

Hi,

Thanks for reporting;
This has been discussed and/or requested in #24684. Please share your opinion in that issue.

As a workaround, you can disable the default colors by disabling the global styles.

[mkkeck]

Awww,

Why closing? This is really not the same thing as in #24684.

Closing this issue and your answer @skorasaurus shows again, that it does not really make sense to report issues and leave critical comments.

Ciao.

[skorasaurus]

@mkkeck

If you can clarify how this issue is different, I would appreciate it so then I'd know to reopen it. On second review, you mentioned the inclusion of SVG files although that is also mentioned at #37927.

Both issues discuss that extra CSS global styles (that define colors) are included in the page even when the default color palette is disabled and that behavior is unexpected.

[bridgeport]

@skorasaurus It seems like @mkkeck issue is different from #37927 as it appears @mkkeck doesn't want the SVG inserted at all. Not even one instance, as they're not using duotone. I don't even believe they're experiencing the duplicate issue.

The issue you cited is someone reporting multiple, duplicate STYLE and SVG insertions within the HTML. They don't seem to have any objection to the STYLE and SVG inserted, as long as there's only one proper instance.

@mkkeck appears to want some method or filter to disable the SVG footer output to keep their HTML clean. There doesn't appear to be a way to disable/deactivate this like you would other filters.

For instance, you could use something like the following to prevent the loading attribute from being used:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

But there's no equivalent for preventing the SVG HTML from being inserted into the footer of every page and post AFAIK. It's being inserted whether or not there's any block on the page that has duotone enabled.

If you're not using duotone, its existence within the HTML serves no purpose.