IBX-8824: The popup for custom tags with multiple fields is not scrollable

[lucasOsti]

🎫 Issue	IBX-8824

Description:

For QA:

Documentation:

[barbaragr]

Hi, I've found an issue:

1. Go to creating an article
2. Paste some text into richtext field
3. Somewhere in the middle insert added custom tag
4. Don't fill the fields in CT, just click save
5. Click settings button and the edit button in custom tag
6. Try to scroll to the top
   Actual result: Top of the custom tag is still covered. See attachment, please.
   https://github.com/user-attachments/assets/a77eaf4e-016c-4a3e-829b-5dad652fd586

[alongosz]

Note: 4.6 CI fix is pending review, via #184

[barbaragr]

Still covers the very last element in menu when it's displayed below custom tag... 😅

Screen.Recording.2024-09-17.at.15.43.55.mov

[KamilSznajdrowicz]

Hi, I've found an issue:

1. Go to creating an article
2. Paste some text into richtext field
3. Enter distraction-free mode.
4. Somewhere in the middle insert added custom tag
5. Try to scroll to the top
   Actual result: A window with a scrollbar appears in the wrong place. See attachment, please.

Nagranie.z.ekranu.2024-09-18.o.14.58.31.mov

[GrabowskiM]

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver/observe#attributeoldvalue
there is dedicated option for it in mutation observer :)

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[KamilSznajdrowicz]

Cannot reproduce

Hi, I've found new an issue:
The popup disappears when we start scrolling the page up and down quickly. The error occurs in both regular and distraction-free mode.
1. Go to creating an article
2. Paste some text into richtext field
3. Somewhere in the middle insert added custom tag
4. Scroll the page up and down quickly.
Please see the attachment:
https://github.com/user-attachments/assets/1d7df575-1bfd-45fd-b2f2-605407d5e233

[tischsoic]

Merged up:

• main: c2d8168