png info not showing with the latest update / old Gradio version

[randima]

version
db40a6e (Sat Apr 1 13:48:20 2023)

Not sure what was the last working version but I update all extension to latest today. When I browse images, image does not have any info when selected.

[cjps-br]

the same problem is happening to me.

[WojtekKowaluk]

Same.

[Wovik253]

Same

[AlUlkesh]

Any info on the console or on the javascript console?

[kornerson]

same, I even deleted the extension an redownload it and still it happens.

Also send to text2image, etc doesnt work.

[AlUlkesh]

@kornerson
Can you go to Settings and check "Image Browser - Print debug logs to the console". Then restart webui and post the complete log, so starting from:

c:\tools\Ai\stable-diffusion-webui>webui-user.bat
venv "c:\tools\Ai\stable-diffusion-webui\venv\Scripts\Python.exe"
Python 3.10.8 (tags/v3.10.8:aaaf517, Oct 11 2022, 16:50:30) [MSC v.1933 64 bit (AMD64)]
Commit hash: 955df7751eef11bb7697e2d77f6b8a6226b21e13

until the error happens.

Also go into your browser console (probably F12) and check if there are any javascript errors. Except for Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forEach'), you can ignore that one.

Perhaps we can find a hint then.

[kornerson]

did this:

git reset HEAD~3 --hard

and now it works

I will try to help you later @AlUlkesh , but now I have to have some work done with SD and I was in a hurry.

I can asure you that this git reset has worked, so something changed badly between 3 pushes ago to the git and now.

ASAP I can return to you with some logs

PS: before this reset I checked the console of chrome and there were a lot of promises error

[AlUlkesh]

Ok, I'll wait. Thanks.

It's still working for me, also on a fresh install. So I can't really do anything until I have more info.

[cjps-br]

I use Browser Brave, but when trying with Edge, the image information does not appear either.

I don't know how to operate the browser console properly, but I noticed that when I clicked on an image, an error like this one appears:

image_browser.js?1680368628.2679555:76 Uncaught (in promise) TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at image_browser_run_after_preview_load (image_browser.js?1680368628.2679555:76:8)
at image_browser_get_current_img (image_browser.js?1680368628.2679555:87:5)
at async eval (eval at (index.4395ab38.js:75:2081), :3:14)
at async index.4395ab38.js:34:32404

---

my operating environment is this:
python: 3.10.6  •  torch: 1.13.1+cu117  •  xformers: 0.0.16rc425  •  gradio: 3.16.2  •  commit: [a9fed7c3] •  checkpoint: [0aecbcfa2c]

[AlUlkesh]

@cjps-br
Are you running the latest version of webui?

You're showing Gradio 3.16.2. It should currently be 3.23.0.

So either you are running an old version of webui, some other extension has installed an old Gradio version or there's some general mixup in your installation.

[zejacky]

I have the same "issue" mentioned. No PNG Infos. However I use also gradio: 3.16.2.

Do we need to update gradio? If yes, I would like to know how. (Didn't found something yet)

Thank you very much.

[cjps-br]

I even installed the webui version that updated gladio to 3.23.0, but several problems with the interface and extensions started to occur (this being reported in the webui questions) so I went back to a previous webui version (commit: a9fed7c3) where everything worked. Problems with the "stable-diffusion-webui-images-browser" extension started to occur today after I updated the version. I was wondering if there is a way to return to a previous commit of the extension.

[nickion]

Problems here as well. I can get info for one image after a page reload, but requesting for a second the spinner/loading bar (that appear to be new or different) for the file path gets stuck loading forever with no info showing. It immediately had the feel of a promises issue whereby the UI as a whole is waiting for all promises to resolve, but one doesn't (i.e. the file path field), and so nothing works after that. Sure enough others are indeed reporting promises related errors from the console.

[WojtekKowaluk]

I'm also on webui version before gradio update, images browser worked fine until today. if you can keep comapatibility with older gradio that would be great because latest webui still have many issues.

[randima]

I am not what fixed it, but doing these fixed it for me.
I did a
git pull on webui
git reset HEAD~3 --hard on the extension
git pull on extension

but I see these on the console log when loading pages

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forEach')
at ct (Blocks.svelte:214:8)
at Blocks.svelte:293:7

[fw910]

When trying to load an image with gradio 3.16.2, the following JavaScript error appears in the Chrome console:
Uncaught (in promise) TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at image_browser_run_after_preview_load (image_browser.js?1680399332.2819486:76:8)
at image_browser_get_current_img (image_browser.js?1680399332.2819486:87:5)
at async eval (eval at (index.4395ab38.js:75:2081), :3:14)
at async index.4395ab38.js:34:32404

So take a look at the code in the function image_browser_run_after_preview_load of image_browser.js:
ob.observe(
gradioApp().querySelectorAll(#${tab_base_tag}_image_browser_gallery .svelte-gjihhp)[0],
{ attributes: true }
)

It seems the id "#${tab_base_tag}_image_browser_gallery .svelte-gjihhp" should be "#${tab_base_tag}_image_browser_gallery .svelte-1g9btlg".
The generation info is back after this change.

[axemaster]

I am not what fixed it, but doing these fixed it for me. I did a git pull on webui git reset HEAD~3 --hard on the extension git pull on extension

but I see these on the console log when loading pages

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'forEach') at ct (Blocks.svelte:214:8) at Blocks.svelte:293:7

This made no difference to me. Still have the issue. Also some timer on the screen that just goes up forever.

[axemaster]

Same issue. Mac M1 & Chrome. Could this be another Firefox incompatibility bug? Chrome is the standard now.
In any case, the image displays fine, just none of its info. If I right click the image and open it by itself, then drag-drop that in the PNG Info tab, all the info displays correctly. That is the work around for now I guess.

I noticed this issue a few days ago. ¯_(ツ)_/¯

[AlUlkesh]

For Gradio users < 3.23.0:

I can't maintain and esp. test two versions of the involved code. I implemented a compatibility for the first few days, so people would have time to update webui and the other extension's maintainer to change the necessary code.

If you want/need to keep using the old Gradio version, please use the last compatible version. To do this, go into the extension's directory and do:
git checkout 1d5c2e7

If you later want to undo this, do:
git checkout master

[AlUlkesh]

If you are having this issue, but are running the current Gradio, please open a new issue, so I can separate these. Thanks.

[AlUlkesh]

@zejacky

Do we need to update gradio? If yes, I would like to know how. (Didn't found something yet)

Webui should have automatically upgraded you, if you're using a current version.

It checks the requirements* files in its main directory and installs those versions.

Are you using some kind of special installation? Anaconda or Docker perhaps?

[zejacky]

@zejacky

Do we need to update gradio? If yes, I would like to know how. (Didn't found something yet)

Webui should have automatically upgraded you, if you're using a current version.

It checks the requirements* files in its main directory and installs those versions.

Are you using some kind of special installation? Anaconda or Docker perhaps?

Thank you. The problem is solved after I git pull A1111 to commit 22bcc7be428c94e9408f589966c2040187245d81.
On the other side, gradio 3.23.0 seems very buggy compared to 3.16.2. I have now many other issues inside A1111.
I will probably go back to the commit I had no issues. (a9fed7c364061ae6efb37f797b6b522cb3cf7aa2 , Tue Mar 14 11:28:13 2023 +0300)

Btw. I'm not automatically git pulling every time I start A1111.
I put now git log -1 inside webui-user.bat. Do someone have a better idea to check if updates are available, despite of github desktop version like fetch?

[AlUlkesh]

Do someone have a better idea to check if updates are available, despite of github desktop version like fetch?

Try git remote update followed by git status -uno

That should give you this info:
Your branch is behind 'origin/master' by 389 commits, and can be fast-forwarded.

[Davey212]

python: 3.10.10  •  torch: 1.13.1+cu117  •  xformers: 0.0.17.dev464  •  gradio: 3.23.0  •  commit: [22bcc7be]
and df3d541 images browser

Everything seems to be ok except the First/Prev/Next/End Page won't load thumbnail pages after I click on an image

[hugalafutro]

Hello I use https://github.com/AbdBarho/stable-diffusion-webui-docker I assume I have to wait until the image gets updated or can I somehow do the proposed fixes inside the container?

[AlUlkesh]

I suspect so.

I don't know what you're running this on, but for most systems webui is an easy fresh install these days. So you might want to consider this in the meantime.

[zejacky]

I suspect so.

I don't know what you're running this on, but for most systems webui is an easy fresh install these days. So you might want to consider this in the meantime.

Exactly. After all I did a fresh a1111 git clone, and all was working like a charm. Even other failures I had "disappeared" 😄

[hstdt]

I suspect so.

I don't know what you're running this on, but for most systems webui is an easy fresh install these days. So you might want to consider this in the meantime.

How can I keep outputs and Generation Info?

I find out that prompt info is inside png string😄

[AlUlkesh]

I suspect so.
How can I keep outputs and Generation Info?

I find out that prompt info is inside png string😄

However, if you used the ranking feature and personal paths it would be best to copy the wib.sqlite3 database over.

[hankhoffman87]

version db40a6e (Sat Apr 1 13:48:20 2023)

Not sure what was the last working version but I update all extension to latest today. When I browse images, image does not have any info when selected.

OKAY I FIXED IT! I had the same issue for like a week and it was driving me crazy. Pretty much these updates are like rolling dice on any of the extensions. The way to fix it is very easy thankfully.

1. go to image browser extension directory in terminal
2. type in: git log
3. use arrow keys and scroll down until you see a version dated before you started having issues. You'll see each version written as COMMIT then a long string of numbers and letters. e.g. : commit c19530f1a590d758463f84523dd4c48c34d723e6
4. COPY PASTE the long string only DO NOT COPY the word commit.
5. type q to get out of the log
6. then type: git pull HIT ENTER and reload WEB UI and it will work. If not try another commit string.
7. I happened to choose this one and it worked. So, after 2 weeks of knocking my head against the wall lol, this took me to the promised land:

git pull 8b35b64e110fc9f672f73f1cb0fc3ffc809a36c9

Let me know if it works for you :)

[hankhoffman87]

SORRY! TYPO for step 6. it should read as follows:

6. then type: git pull and PASTE the string of numbers and letters you selected. HIT ENTER and reload WEB UI and it will work. If not try another commit string.

[AlUlkesh]

@hankhoffman87:
So... did what I wrote above not work for you? #116 (comment)

[WojtekKowaluk]

What works for me:
git checkout 58c374c61bca0ab3c2b62d9015a0f572ab510ac8 in extension dir.

My A1111 is at a9eab236d7e8afa4d6205127904a385b2c43bb24 and this is best you can get for now.

[AlUlkesh]

For anyone using the new Gradio version and still having problems: Can you please check if this change solved any of your issues: #126?

[Davey212]

[83419e4] fixed image browser issue for me!

[slurpey]

@Davey212 would you mind elaborating? I'm trying to fix it but I don't know what to do with you answer ;(

[chuanshendongman]

me too