"Edit" Button in Image Manager Not Working Properly

[rredaelli]

To Reproduce

Step by step instructions to reproduce the behavior:

1. Modify an image widget.
2. Click on Browse Images.
3. Select an image from page 2 or later in the image manager modal.
4. Save the widget.
5. Reopen the Modify Image Widget.
6. Click Browse Images again.
7. Click on Edit in the preview of the previously selected image. (Notice that nothing happens.)
8. If you manually scroll down to page 2 (or the page where the image was originally selected) and then click Edit, it will work correctly.

Expected behavior

When clicking the "Edit" button on an image, the edit modal should open, regardless of whether the image is in the currently loaded set.

Describe the bug

When clicking the "Edit" button on an image that is not currently in the loaded set (e.g., after scrolling down), nothing happens. The edit functionality only works if the image is still visible in the current set.

Details

Version of Node.js:
v18.18.2

Server Operating System:
Linux/WSL2

Additional context:

The issue occurs in the image manager modal, and seems to be connected to how images are loaded dynamically with infinite scroll.

[boutell]

Thanks for reporting this! There is a similar issue already queued for work and I have a feeling the fix for one will solve the other, but I'm adding these notes to make sure we follow up.

[iam-navyaK]

Hi! I'm interested in working on this issue. I’ve gone through the description and will start by locating the source of the bug in the image manager modal and the Edit button logic. Let me know if there are any specific files or components I should focus on. Thanks.