AdobeDocs / AdobeDocs/cc-everywhere
[Bug] Left Vertical Toolbar Non-Interactive in Full Editor (v4) — No Network Requests Fired on Click
- Dominant language
- JavaScript
- Stars
- 16
- Forks
- 67
- Avg merge
- 1d 1h
- Merged PRs (30d)
- 4
Description
## Bug Report: Left Vertical Toolbar Non-Interactive in Full Editor (v4)
### Description
When launching the full editor via `editor.create()`, the editor loads and displays correctly inside the modal, but the **left vertical toolbar is completely non-interactive** — clicks on any toolbar item do not respond. The **top horizontal toolbar works fine**.
### Environment
- **SDK Version:** v4 (`https://cc-embed.adobe.com/sdk/v4/CCEverywhere.js`)
- **Framework:** React 18 + TypeScript
- **Browsers tested:** Chrome, Firefox, MS Edge(issue reproduces across all browsers)
### Steps to Reproduce
1. Load the SDK via script tag in `index.html`
2. Initialize with `CCEverywhere.initialize({ clientId, appName }, { loginMode: 'delayed' })`
3. Call `editor.create()` — editor modal opens successfully
4. Click any item in the left vertical toolbar (e.g. Templates, Media, Text)
5. Nothing happens — no response to clicks
### Expected Behavior
The left vertical toolbar should be fully interactive. For comparison, we used the official Adobe Express demo — clicking any left toolbar button triggers multiple network requests as expected. The same behaviour should occur when using the SDK.
### Actual Behavior
The editor modal renders visually and the top horizontal toolbar works correctly and triggers network requests as expected. However, clicking any item on the left vertical toolbar triggers **no network requests** and produces no UI response. No errors are thrown in the console.
### What I've Already Tried
- Reproduced the issue across multiple browsers (Chrome, Firefox, MS Edge)
- Replicated the setup in CodeSandbox to rule out any local environment issues — the problem persists
- Compared network activity against the official Adobe Express demo website, where left toolbar clicks correctly trigger multiple network requests. In our SDK integration, those requests are completely absent when the left toolbar is clicked
### Console Errors
No errors in console. Editor loads silently but the left toolbar is unresponsive.
### Demo Video
A screen recording demonstrating the issue can be viewed here:
👉 https://app.supademo.com/video/cmmwpchii0qosepohrgtzqygt?utm_source=link
### Additional Context
Since the top horizontal toolbar works fine but the left vertical toolbar does not, and given that the expected network requests are not being fired on left toolbar clicks, this points to a specific event handling issue within the left toolbar rather than a general iframe or network problem.
Contributor guide
Research direction
Start with the SDK script loading in index.html, then trace CCEverywhere.initialize and editor.create using the supplied reproduction steps. Compare left-toolbar clicks with the working top toolbar and the official Adobe Express demo; done means the left vertical toolbar responds and triggers the expected network requests without console errors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100