[Bug]: Image input disappears on accordion collapse and uncollapse

[catboxanon]

Is there an existing issue for this?

• [X] I have searched the existing issues and checked the recent builds/commits of both this extension and the webui

What happened?

When clicking or dragging an image into the main ControlNet unit input, and after collapsing and uncollapsing the accordion, the image disappears and the input becomes unusable.

Steps to reproduce the problem

1. Open ControlNet accordion
2. Add image to any ControlNet unit
3. Collapse main accordion
4. Uncollapse main accordion
5. See the image has disappeared, and component no longer functions correctly

What should have happened?

The image component should have remained in it's current state.

Commit where the problem happens

webui: https://github.com/AUTOMATIC1111/stable-diffusion-webui/commit/335428c2c8139dfe07ba096a6defa75036660244 controlnet: https://github.com/Mikubill/sd-webui-controlnet/commit/817155ea7a43a78982202a2456088acd6ffd95d5

What browsers do you use to access the UI ?

Mozilla Firefox, Google Chrome

Command Line Arguments

No

Console logs

N/A

Additional information

This is a new issue to track https://github.com/Mikubill/sd-webui-controlnet/issues/677, which was closed erroneously. It is an upstream bug but, imo, a fairly important one that should be kept track of for when it's resolved.

This affects both the backend and frontend of Gradio. The backend can be temporarily fixed by modifying the function as I suggested here (this allows the same image to be used after the image component becomes unusable, otherwise you actually cannot generate anything at all), while the frontend can temporarily be fixed by enabling and then disabling the webcam (does this even work if the user has no webcam?).