[Bug]: UI elements overlap

[arxae]

Checklist

• The issue exists after disabling all extensions
• The issue exists on a clean installation of webui
• The issue is caused by an extension, but I believe it is caused by a bug in the webui
• The issue exists in the current version of the webui
• The issue has not been reported before recently
• The issue has been reported before but has not been fixed yet

What happened?

UI buttons overlap with each other. Specifically the bar above the positive prompt, the checkpoint browser

Steps to reproduce the problem

1. Open the web ui

What should have happened?

Elements should not overlap

What browsers do you use to access the UI ?

Mozilla Firefox, Microsoft Edge

Sysinfo

sysinfo-2024-02-17-14-03.json

Console logs

fatal: No names found, cannot describe anything.
Python 3.10.11 (tags/v3.10.11:7d4cc5a, Apr  5 2023, 00:38:17) [MSC v.1929 64 bit (AMD64)]
Version: 1.7.0
Commit hash: ff2c7bb84653678cf023dea18a535e5b17ea9acf
Launching Web UI with arguments: --xformers --api --skip-python-version-check
Style database not found: E:\StabilityMatrix\data\Packages\Stable Diffusion Web UI-UX\styles.csv
Loading weights [63a3752da1] from E:\StabilityMatrix\data\Packages\Stable Diffusion Web UI-UX\models\Stable-diffusion\zavychromaxl_v40.safetensors
Running on local URL:  http://127.0.0.1:7860

To create a public link, set `share=True` in `launch()`.
Creating model from config: E:\StabilityMatrix\data\Packages\Stable Diffusion Web UI-UX\repositories\generative-models\configs\inference\sd_xl_base.yaml
Startup time: 23.7s (prepare environment: 6.2s, import torch: 5.7s, import gradio: 2.3s, setup paths: 2.8s, initialize shared: 0.4s, other imports: 1.9s, setup codeformer: 0.2s, list SD models: 1.2s, load scripts: 1.3s, create ui: 0.5s, gradio launch: 1.2s, add APIs: 0.1s).
Applying attention optimization: xformers... done.
Calculating sha256 for E:\StabilityMatrix\data\Packages\Stable Diffusion Web UI-UX\embeddings\BadDream.pt: 758aac44351557ccfae2fc6bdf3a29670464e4e4eabb61f08c5b8531c221649c
Model loaded in 27.4s (load weights from disk: 1.5s, create model: 2.9s, apply weights to model: 21.8s, move model to device: 0.1s, load textual inversion embeddings: 0.2s, calculate empty prompt: 0.7s).
themes/[email protected]: 100%|██████████| 13.4k/13.4k [00:00<?, ?B/s]
Restarting UI...
Closing server running on port: 7860
Running on local URL:  http://127.0.0.1:7860

Additional information

Installed via Stability Matrix. Disabled all browsez addons and tried via incognito. Reinstall via Stability Matrix as well

[saadkhan955]

I too have the same problem

[anapnoe]

I have to check how Stability Matrix installs the webui-ux can you gitclone and install it following the instructions provided in the repo, can you test if the issue is present with chrome and report back

[arxae]

Manual install does not produce this issue. As far as i can see Stability Matrix just clones the repo and runs the bat file on launch.
I raised an issue at their repository (Issue) as well

[saadkhan955]

I have to check how Stability Matrix installs the webui-ux can you gitclone and install it following the instructions provided in the repo, can you test if the issue is present with chrome and report back

I tried to install stable-diffusion-webui-ux by following these steps:

Automatic Installation on Windows

Install Python 3.10.6 (https://www.python.org/downloads/release/python-3106/). Newer versions of Python do not support Torch. Make sure to check the "Add Python to PATH" option.
Install Git (https://git-scm.com/download/win).
Download the stable-diffusion-webui repository. You can do this by running git clone https://github.com/anapnoe/stable-diffusion-webui-ux.git.
From Windows Explorer, run webui-user.bat as a normal, non-administrator user.

Problem

When I try to run webui-user.bat, the terminal window opens for a few moments and then closes. Nothing else happens. I tried running the webui.bat, but I am facing the same issue

[samuel25gh]

I believe I am experiencing a similar issue. I just install the Dreambooth from the extension tab and reload the UI, then navigate to the Dreambooth tab, and find out that elements happen to overlap with each other (The buttons on the right and all opened dropdown option lists).

[anapnoe]

Thank you to everyone for your discoveries. It would be more practical to address each issue separately by extension and create individual entries for them. Given the size of the extensions ecosystem, this approach will help prioritize and resolve them more efficiently.