[BUG] Delete Confirmation Popover Misalignment in Playlist Table View

[abankhele]

Describe the bug
After clicking the delete button in the table view of the playlist and setting the number of entries to more than 10, scrolling down causes the confirmation popover to move to the top left corner of the screen. Additionally, clicking the cancel button does not close the popover. The same behavior is observed when searching for an entry with a larger number of items, followed by scrolling.

To Reproduce
Steps to reproduce the behavior, including the results:

1. Navigate to https://avalon-dev.dlib.indiana.edu/playlists#.
2. Click on the delete button for any playlist.
3. Set the entries to 100 and scroll down to the pagination.
4. Observe the popover moving to the top left corner of the screen.

Alternatively:

1. Navigate to https://avalon-dev.dlib.indiana.edu/playlists#.
2. Click on the delete button for the first playlist.
3. Search for "Cypress" in the search box.
4. Scroll down and observe the popover moving to the top left corner of the screen.
5. Click the cancel button, and observe that the popover does not close.

Expected behavior
The popover should remain in place and not shift to the top left corner. Additionally, clicking the cancel button should successfully close the popover.

Screenshots/Screen Recording

Private Zenhub Video

Environment (please complete the following information):

• Device: laptop
• OS: macos
• Browser: chrome
• avalon-dev
• avalon-staging
• mco-staging
• mco-production
• demo

[joncameron]

If this is difficult, we can always implement a fallback of removing the small modal when the page is changed to move it out of view rather than keep track of the location.