[Bug]: Scrolling TI or Lora cards no longer possible in 1.8.0 (works in 1.6.1)

[wolfbeast]

trafficstars

Checklist

• [X] The issue exists after disabling all extensions
• [X] 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
• [X] The issue exists in the current version of the webui
• [X] The issue has not been reported before recently
• [ ] The issue has been reported before but has not been fixed yet

What happened?

Updating webui from 1.6.1 to 1.8.0, I noticed it's no longer possible to scroll the textual inversion or lora cards in the web UI. I've narrowed this down to overflow: clip auto !important; in style.css selector .extra-network-pane .extra-network-cards This rule doesn't seem to make much sense since it is saying to both clip and overflow (only makes sense to do it for both x and y, not mixed). Maybe some browsers don't mind this and just probably defaulting to auto/scroll, but the browser I use does mind this and defaults to the more stringent of the two (i.e. clipping the overflow), preventing scrolling.

Steps to reproduce the problem

1. install AM1111 webui
2. Run it
3. Go to the web UI
4. Go to the Textual Inversion or LoRA tab with a larger selection of embeddings/LoRA installed
5. Try to scroll with the mouse or any other way to make the card visible that are overflowing the pane

What should have happened?

The container content should have scrolled

What browsers do you use to access the UI ?

Other

Sysinfo

sysinfo-2024-04-09-01-04.json

Console logs

Not relevant in this case - it's a webUI CSS style issue

Additional information

This can easily be solved with an edit to style.css by replacing overflow: clip auto !important; with overflow: auto !important; for selector .extra-network-pane .extra-network-cards

[Wandrej1]

For me replacing overflow: clip auto !important; with clip scroll is giving me a better result then overflow: auto !important;