WRR-16145: ContextualPopupDecorator: Modified to update position when DOM tree changes

[mmyelyn]

Checklist

• I have read and understand the contribution guide
• A CHANGELOG entry is included
• At least one test case is included for this feature or bug fix
• Documentation was added or is not needed
• This is an API breaking change

Issue Resolved / Feature Added

After the dropdown is opened, if the DOM tree changes, the position of the dropdown will not change.

Resolution

Because Dropdown component uses ContextualPopupDecorator, I added mutationObserver to ContextualPopupDecrator to detect changes in the DOM tree. Since we don't know which part of the DOM will change, I attach an observer to document.body and update the location when there is a change.

Additional Considerations

Links

WRR-16145

Comments

Enact-DCO-1.0-Signed-off-by: Hyelyn Kim ([email protected])

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 80.94%. Comparing base (b5f3dc7) to head (6d81506).

Additional details and impacted files

@@                    Coverage Diff                    @@
##           release/2.9.x.develop    #1796      +/-   ##
=========================================================
+ Coverage                  80.91%   80.94%   +0.03%     
=========================================================
  Files                        148      148              
  Lines                       6697     6708      +11     
  Branches                    1995     2000       +5     
=========================================================
+ Hits                        5419     5430      +11     
  Misses                       970      970              
  Partials                     308      308              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.