Multiple paragraph fields in a single content type can cause conflicting behavior in frontend

We were able to reproduce the issue in another project also.

The end result was a bit different because in that project there were not two different paragraph fields but a single field but the paragraph fields were still messed up with similar steps.

To reproduce the bug you need to do the following steps:
1. Add two paragraph items to the page.
2. Click on the Remove paragraph link under the three dots.
3. In quick succession, click also on the collapse link before the Ajax request for removal has time to finish.
4. The paragraph layout gets messed up.

Some additional details.

We are also using the Paragraphs Asymmetric Translation Widgets module to allow us to have different paragraph content in different languages.

DIsabling the module didn't have any effect on the bug though.

I did think though if the following unsetting of field indexes might cause some issues but judging from the module installation, maybe not:
https://git.drupalcode.org/project/paragraphs_asymmetric_translation_wid...

This issue seems to be related to the core issue #3174361. We are also using Entity browser in our node edit form and the debugging steps in the core issue seem really identical to our issue.

I guess this issue is also related and all might have the same root cause: 🐛 Media Library validation bug when content type has a media field and a paragraph field with the same machine name Closed: works as designed

The comment in #16 🐛 Media Library validation bug when content type has a media field and a paragraph field with the same machine name Closed: works as designed was very enlightening to me. Worth reading!

Should we have a meta issue in core perhaps to collect these issues?