Breaking changes with Gutenberg 12.1.0

I should have noticed the clue in the Gutenberg release notes, where one of the Bug Fixes sections is titled ‘Milaceanous’, that there might be some issues with this one…

Hi @kense20xx,

This should be fixed in version 0.5 of Tove, which is available now, but you’re going to need to rebuild your header and footer with the updates header/footer block patterns in Tove to fix the alignment issue. You can also wrap the entire contents of your header/footer (and other offending block template parts) with a group block set to Inherit layout in the block settings.

— Anders

Hi Anders,

Thank you. I’ve updated to 0.5 and I’m still having the same issue after rebuilding the header with the new pattern and playing with variations of grouping / inheriting.

Weirdly, the footer (which I haven’t touched) is still fine.

After realising that the monitor I was looking at was less than 1920px resolution, I zoomed out and saw that it did limit the width at higher resolutions by means of:

.wp-container-61b32f2922262 > .alignwide {
    max-width: 1920px;
}

I took a quick look at the inspector and it seems that there’s nothing adding any padding or gutter to the header. For example, other sections of the site have

width: calc( 100% - ( 2 * var( --wp--custom--gutter ) ) ) !important;

but this isn’t being applied to the header.

I think the footer is being saved by the fact that it has a background colour, which is adding padding via:

:root .wp-block-group.has-background {
    padding: var( --wp--custom--inner-container-spacing );
}

Any suggestions?

• This reply was modified 2 years, 11 months ago by kense.

Hi @kense20xx,

I have it working with the default Tove header/footer patterns in my local installation and on the demo site, running Tove 0.5 and the latest version of Gutenberg. Can you post a link to your site so I can take a look at the markup?

— Anders

Thanks Anders. I’ll send you an email with the link, if that’s OK?

Updating here for the benefit of anyone else having any issues…

Tove 0.5 does indeed resolve my issue regarding Gutenberg 12.1.0 once the header is rebuilt, as advised.