Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Transparent background in web #229

Open
sebastianbuechler opened this issue Jun 23, 2023 · 0 comments
Open

Transparent background in web #229

sebastianbuechler opened this issue Jun 23, 2023 · 0 comments

Comments

@sebastianbuechler
Copy link

sebastianbuechler commented Jun 23, 2023

I wrapped my app as usual inside the device preview:

DevicePreview(
      backgroundColor: Colors.transparent,
      builder: ...
);

But when I build this to web target and embed it into an iFrame, I always see a white background around the device preview, and not a transparent background.

I used this to embed the iFrame:

<iframe src="http://localhost:55615/" allowtransparency="true" style="border: none;width: 100%;height: 500px;background:none transparent;"></iframe>

Example (see white space around device up to the light blue part):
image

Any ideas?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant