Shopify / Shopify/shopify-app-bridge

Modal App Bridge (V 4.1.2) is opening inside Iframe, so not able to use inside iframe with post message.

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

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
112
Forks
13
Avg merge
1d 3h
Merged PRs (30d)
4

Description

  1. I am trying to use Iframe inside the app-bridge Modal. Still, the issue is the app bridge modal is already open inside the iframe, so I'm unable to communicate with my iframe with post message.

  2. The app-bridge modal is not supporting any external URL, any solution for that ?

image

Packages and versions

List the relevant packages you’re using, and their versions. For example:

  • @shopify/app-bridge @ 3.7.10
  • @shopify/app-bridge-react @ 4.1.2
  • @shopify/polaris @ 10.50.1

Contributor guide

Open the contributing guide

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

Start with the @shopify/app-bridge-react 4.1.2 Modal entry point and reproduce the iframe and external-URL behavior described in the issue. Trace how the modal is mounted and how postMessage communication is expected to work; done means the supported iframe or URL behavior is clearly defined and covered by a regression test.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.