ROU-4664: Prevent dom move when inside popup

[BenOsodrac]

This issue happens only in ODC, as the new version of react-dom adds all events on the ReactContainer, instead of adding it on every widget. This causes an issue with widgets inside the DropdownServerSide, when placed inside the Popup. As the Popup is placed outside the reactContainer, together with the MoveElement we are doing on the Dropdown, it causes all widgets inside to loose the attached listeners.

• Added method to check if an element is inside the Popup widget.
• Added exception to only use MoveElement on DropdownServerSide if its not inside Popup, otherwise add custom class
• Added different CSS with that class, to adjust behaviour for dropdown inside the Popup

This approach was followed, as no other tested solved the issue. Removing the MoveElement and changing the overall position to fixed, would cause issues inside other patterns, like the Sidebar This was the most safe and reliable solution found.

Checklist

• tested locally
• documented the code
• clean all warnings and errors of eslint
• requires changes in OutSystems (if so, provide a module with changes)
• requires new sample page in OutSystems (if so, provide a module with changes)

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication