vuejs / vuejs/devtools

Infinite call Issue with Wujie Iframe Sandbox

Open
#926 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.9k
Forks
279
PR merge metrics
No merged PRs in 30d

Description

The recent update (7.7.7) of Vue DevTools causes compatibility issues with Wujie micro-frontend framework, resulting in infinite calls loop.

Vue DevTools injects code into iframe.contentDocument.documentElement. Wujie's javascript sandbox uses iframe to handle code, which makes iframe.contentDocument.documentElement point to an shadowRoot.
DevTools inserts script code into the shadowRoot created by Wujie which causes outside window.__VUE_DEVTOOLS_GLOBAL_HOOK__ to be overwritten with the GLOBAL_HOOK that should be inside the iframe

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

No file or test is identified. Start by locating the Vue DevTools code that injects into iframe.contentDocument.documentElement and reproduce the interaction with Wujie's iframe sandbox; done means the injection no longer overwrites the outer window hook or causes an infinite call loop.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
devtools
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.