Duplicate ID wpseo-metabox-root

[kkmuffme]

• I've read and understood the contribution guidelines.
• I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened

To Reproduce

Step-by-step reproduction instructions

1. open any page/product edit page e.g. /wp-admin/post.php?post=1234&action=edit
2. check dev tools

Expected results

No duplicate ID used, since this isn't valid

Actual results

There are multiple elements with the same id="wpseo-metabox-root"

Technical info

• If relevant, which editor is affected (or editors):

• Block Editor
• Gutenberg Editor
• Elementor Editor
• Classic Editor
• Other:

Used versions

• WordPress version: 6.7
• Yoast SEO version: 24.4

[josevarghese]

Hi @kkmuffme

Thank you for reporting this issue. Unfortunately, the steps to reproduce the problem are missing from your report.

To help us investigate further, please share or update the issue with clear details, specifying which file name and its response you are experiencing the problem with. Also, could you include a screenshot of the issue to provide more context, which will help us replicate and resolve it more efficiently?

[dilipbheda]

Steps to Reproduce

1. Navigate to the WordPress admin panel: {siteurl}/wp-admin/post.php?post=1234&action=edit
2. Open the browser console and paste the following JavaScript code to identify duplicate IDs.
3. The duplicate IDs should be visible on the console.log().

const ids = [...document.querySelectorAll('[id]')].map(el => el.id);
const duplicates = ids.filter((id, index, arr) => arr.indexOf(id) !== index);
console.log("Duplicate IDs:", [...new Set(duplicates)]);

[kkmuffme]

@josevarghese

Unfortunately, the steps to reproduce the problem are missing from your report.

The steps to reproduce are there in the report? What about them is unclear to you?

[josevarghese]

Hi @kkmuffme

The steps you've provided are not clear even for my other colleague, which I had asked to check internally. However, the steps shared by @dilipbheda are very clear for me.

[kkmuffme]

Can you please let me know what specifically was unclear, so I can better report it next time?

1. open any page/product edit page e.g. /wp-admin/post.php?post=1234&action=edit

This I guess was clear.

2. check dev tools

Opening dev tools should be clear enough I guess?

There are multiple elements with the same id="wpseo-metabox-root"

Pretty clear too, isn't it?

Would appreciate some feedback, since you always (!) comment this text on most of my issues, but my issues always seem to be clear to other people, since they provide a PR or discussion on that.