Try to click on any sidebar menu item (e.g., "Image to Image", "Models", etc.)
Click does not register - menu items are not clickable
Expected Behavior
Sidebar menu items should be clickable on all pages, allowing navigation between different sections.
Current Behavior
Menu items are unclickable specifically on the text2img page. Other pages work fine.
Investigation Needed
Check if there's an overlay or element blocking clicks on the text2img page
Verify z-index layering of all components on this page
Check for any page-specific styles or components that might interfere
Components
/webui/app/text2img/page.tsx
/webui/components/sidebar.tsx
## Description
On the text2img page (`/ui/text2img/`), users cannot click on sidebar menu items to navigate to other pages. This issue does not occur on other pages.
## Steps to Reproduce
1. Navigate to http://0.0.0.0:8082/ui/text2img/
2. Try to click on any sidebar menu item (e.g., "Image to Image", "Models", etc.)
3. Click does not register - menu items are not clickable
## Expected Behavior
Sidebar menu items should be clickable on all pages, allowing navigation between different sections.
## Current Behavior
Menu items are unclickable specifically on the text2img page. Other pages work fine.
## Investigation Needed
- Check if there's an overlay or element blocking clicks on the text2img page
- Verify z-index layering of all components on this page
- Check for any page-specific styles or components that might interfere
## Components
- `/webui/app/text2img/page.tsx`
- `/webui/components/sidebar.tsx`
Root Cause: The PromptTextarea component's autocomplete suggestions dropdown had z-index 50, which was higher than the Sidebar's z-index 40. When suggestions appeared and extended over the sidebar area, they blocked click events.
Solution:
Reduced PromptTextarea suggestions dropdown z-index from 50 to 30
This places suggestions below the sidebar (z-40) in the stacking order
Sidebar navigation is now clickable on all pages including text2img
Z-Index Hierarchy (documented in CLAUDE.md):
Sidebar: z-40 (always on top for navigation)
Model Status Bar: z-35 (visible but doesn't block sidebar)
Autocomplete Dropdowns: z-30 (below sidebar to allow navigation)
Main Content: z-0 (default)
Fixed in commit e952506.
**Root Cause**: The PromptTextarea component's autocomplete suggestions dropdown had z-index 50, which was higher than the Sidebar's z-index 40. When suggestions appeared and extended over the sidebar area, they blocked click events.
**Solution**:
- Reduced PromptTextarea suggestions dropdown z-index from 50 to 30
- This places suggestions below the sidebar (z-40) in the stacking order
- Sidebar navigation is now clickable on all pages including text2img
**Z-Index Hierarchy** (documented in CLAUDE.md):
```
Sidebar: z-40 (always on top for navigation)
Model Status Bar: z-35 (visible but doesn't block sidebar)
Autocomplete Dropdowns: z-30 (below sidebar to allow navigation)
Main Content: z-0 (default)
```
Szontágh Ferenc
Description
On the text2img page (
/ui/text2img/), users cannot click on sidebar menu items to navigate to other pages. This issue does not occur on other pages.Steps to Reproduce
Expected Behavior
Sidebar menu items should be clickable on all pages, allowing navigation between different sections.
Current Behavior
Menu items are unclickable specifically on the text2img page. Other pages work fine.
Investigation Needed
Components
/webui/app/text2img/page.tsx/webui/components/sidebar.tsxFixed in commit
e952506.Root Cause: The PromptTextarea component's autocomplete suggestions dropdown had z-index 50, which was higher than the Sidebar's z-index 40. When suggestions appeared and extended over the sidebar area, they blocked click events.
Solution:
Z-Index Hierarchy (documented in CLAUDE.md):