fix(components): [popper] add missing id

[plehnen]

the currenct popperjs version in element-plus removes the "id"-property. So the aria-describedby reference is pointing to something which doesn't exist in the DOM.
This issue applies for all places where popper is used, i.e. "select", "popover", "date-picker", ...

this fixes #9200 and fixes #8155

[pull-request-triage]

👋 @plehnen, seems like this is your first time contribution to element-plus.

• Please make sure that you have read our guidelines and code of conduct before making a contribution.
• You can comment with /label Components:[component_name] to add a label for which component you are working on.
• You may join our for staying tuned.

[github-actions]

[github-actions]

Hello @plehnen, thank you for contributing to element-plus, please see our guideline to see how to make contribution

[github-actions]

🧪 Playground Preview: https://element-plus.run/?pr=9632
Please comment the example via this playground if needed.

[holazz]

I think a reasonable way to solve this issue is to add the condition that el and preEl are not equal here. Because the two are equal when the triggerTargetEl prop is not passed.

element-plus/packages/components/popper/src/content.vue

Lines 232 to 236 in d215fee

	if (isElement(prevEl)) {
	;['role', 'aria-label', 'aria-modal', 'id'].forEach((key) => {
	prevEl.removeAttribute(key)
	})
	}

if (isElement(prevEl) && prevEl !== el) {
  // ...
} 

[plehnen]

@holazz Thanks! I've reverted the previous changes and added the condition you recommended. Branch is updated and changes are pushed.

[plehnen]

@holazz @tolking do I need to do any further actions to get this merged into dev? Or do I just have to wait now?

[holazz]

@holazz @tolking do I need to do any further actions to get this merged into dev? Or do I just have to wait now?

Just wait, you don't need to always merge the dev branch into your branch unless your branch conflicts with the dev branch.