Blockbase/Attar: Hide Footer Credit Leaves a Visible Empty Group Block Below Footer

[dcoleonline]

Quick summary

The Hide Footer Credit feature in the customizer does not remove the space that the footer credit occupies.

This is what it looks like with the default footer credit. The grey area is the footer element:

The group block appears below the footer element:

When the footer credit is hidden, the text of the credit is removed, but the empty space below the footer remains:

Here is the HTML when the footer credit is hidden:

Steps to reproduce

1. Activate Attar
2. Use FSE to delete the footer's paragraph block which contains the footer credit
3. Visit a page and see that the footer credit is now added below the footer element.
4. Hide the footer credit in the customizer.
5. See that the space that the footer credit occupies remains even when the credit is hidden.

What you expected to happen

There would not be a group block below the footer if the footer credit is being hidden. I expected that the div.wp-block-group would not exist below the <footer> element.

What actually happened

The footer credit text was hidden, but the block group that contains the footer credit remained. This leaves an unexpected empty space below the site footer.

Context

Customer report in 5254315-zd (WordPress.com Pro plan)

Simple, Atomic or both?

No response

Theme-specific issue?

Confirmed on Attar

Browser, operating system and other notes

No response

Reproducibility

No response

Severity

No response

Available workarounds?

No response

Workaround details

This doesn't happen if the footer credit paragraph is not removed from the footer element via FSE.

[hacchism]

Another report: 399646-hc Theme: Russell

[Robertght]

📌 HOUSEKEEPING

• Labels ✅
• Priority ✅

📌 SCRUBBING

• Tested on Simple ✅
• Tested on AT ✅

📌 FINDINGS/SCREENSHOTS/VIDEO

• Context: to confirm, this happens on AT sites with the Blockbase theme as well.

📌 ACTIONS

• Transferred to the themes repo.

[tellisbethel]

• [ ] Another report here on a custom Blockbase child theme: 36046918-hc Follow up ticket created here: 5367615-zd-woothemes The user shared that this a very common issue on FSE and would love it could get some more attention. (They have quite a number of sites.)

[mdtanjid0]

Another one: 5461208-ZD

Theme: Dorna

[kavyagokul]

ANother one in 36410499-hc

Theme: Heiwa

[dolgelukkig]

Another report: 5482345-zd Theme: Attar

Shared CSS as a workaround

body.woocommerce footer + .wp-block-group {
    display: none;
}

[cuemarie]

Reports from https://github.com/Automattic/wp-calypso/issues/65344

---

5356004-zd-woothemes

• Theme: Byrne CSS Workaround provided:

.wp-site-blocks > div.wp-block-group:last-child {
    margin-top: 0;
    height: 0; 
}

---

5467273-zd-woothemes

• Theme: Heiwa CSS Workaround provided:

.site-header {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 5254315-zen
• [ ] 5367615-zen
• [ ] 5461208-zen
• [ ] 5482345-zen
• [ ] 5356004-zen
• [ ] 5467273-zen
• [ ] 5634347-zen
• [ ] 5830896-zen
• [ ] 5835132-zen

[mdtanjid0]

Another one 5634347-zd

Theme: byrne ( child of blockbase-premium ).

[jp-imagines]

Another report in 5830896-zd-woothemes (Heiwa).

Gave CSS as a workaround:

footer.site-footer-container + div.wp-block-group {
    display: none;
}

[liviopv]

Blockbase

• [ ] 5835132-zd-woothemes

[cometgrrl]

This was also brought up to the Build team by Codeable.

p1675163387825869-slack-C04C3KCM42H

[liviopv]

Another in

• [ ] 39515879-hc

Theme: Thriving Artist