Skip to content

Prevent duplicate footer menu IDs - #4568

Open
girishpanchal30 wants to merge 8 commits into
developmentfrom
bugfix/4557
Open

Prevent duplicate footer menu IDs#4568
girishpanchal30 wants to merge 8 commits into
developmentfrom
bugfix/4557

Conversation

@girishpanchal30

Copy link
Copy Markdown
Contributor

Summary

Added the current device and row to the menu ID to ensure it's unique when the component is used in multiple rows or across both desktop and mobile layouts.

Check before Pull Request is ready:

Closes #4557

@pirate-bot pirate-bot added the pr-checklist-complete The Pull Request checklist is complete. (automatic label) label Aug 7, 2026
@pirate-bot

pirate-bot commented Aug 7, 2026

Copy link
Copy Markdown
Collaborator

Plugin build for 158409a is ready 🛎️!

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Prevents duplicate Footer Menu IDs across responsive footer layouts.

Changes:

  • Qualifies menu IDs with device and row.
  • Updates hover styling to use the stable menu class.
  • Adds dual-layout E2E coverage and fixture.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File Description
header-footer-grid/templates/components/component-nav-footer.php Generates contextual menu IDs.
header-footer-grid/Core/Components/NavFooter.php Uses class-based hover targeting.
e2e-tests/specs/customizer/hfg/hfg-footer-menu-unique-id.spec.ts Tests responsive ID uniqueness.
e2e-tests/fixtures/customizer/hfg/footer-menu-both-devices-setup.json Configures menus in both layouts.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread header-footer-grid/templates/components/component-nav-footer.php

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 13 out of 13 changed files in this pull request and generated 1 comment.

Suppressed comments (1)

e2e-tests/specs/customizer/hfg/hfg-footer-menu-component.spec.ts:156

  • Correct the comment typo: “postfooter-menu” should be “footer-menu”.
			// Changing a postfooter-menu setting refreshes the component partial.

Comment thread header-footer-grid/Core/Components/Nav.php

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 13 out of 14 changed files in this pull request and generated no new comments.

Comment thread e2e-tests/specs/customizer/hfg/hfg-footer-menu-component.spec.ts Outdated
@selul

selul commented Aug 18, 2026

Copy link
Copy Markdown
Contributor

@copilot resolve the merge conflicts in this pull request

# Conflicts:
#	e2e-tests/specs/customizer/hfg/hfg-menu-item-alignment.spec.ts

Co-authored-by: selul <3330746+selul@users.noreply.github.com>
Copilot AI requested a review from selul August 18, 2026 07:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

has conflicts pr-checklist-complete The Pull Request checklist is complete. (automatic label)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Footer Menu duplicates footer-menu ID across responsive footer layouts

6 participants