add allowtransparency to the components iframe

[webcoderz]

Checklist

• I have searched the existing issues for similar feature requests.
• I added a descriptive title and summary to this issue.

Summary

it would be nice to add allow transparency to the iframes that are used with components, if setting a custom background and using components it leaves a long black bar across the entire page and forbids you from setting background-color:transparent in the css to remove it.

Why?

the black bars left by a component when changing to custom background are ugly

How?

No response

Additional Context

No response

[github-actions]

To help Streamlit prioritize this feature, react with a 👍 (thumbs up emoji) to the initial post.

Your vote helps us identify which enhancements matter most to our users.

[webcoderz]

Bump

[nomad-vagabond]

I have an issue with the transparent background but it only appeared once I upgraded to v1.29.0
Created an issue #7813

[webcoderz]

Yep this is exactly same problem I ran into , it's impossible to alter the the iframe that these things are run in it was causing me issues when I was using custom components and a custom background wallpaper

[sfc-gh-jcarroll]

I saw the related issue was fixed in 1.30 with #7821

Can you confirm if this issue still applies?

[erikvanzijst]

@sfc-gh-jcarroll it's not fixed.

[sfc-gh-jcarroll]

Could you add a quick screenshot or video of what you are seeing? And if it's possible to include Streamlit version, browser and code snippet that would be incredibly helpful too. Thanks!

[erikvanzijst]

Hi @sfc-gh-jcarroll, I left a screenshot on the other issue (#7821).

The code is here: https://github.com/erikvanzijst/music/blob/erik/visualization/Music.py#L102-L105

It's running streamlit 1.31.0

[sfc-gh-jcarroll]

I'm going to close this as a duplicate of #7813. If there's a different ask here besides fixing #7813 (which I reopened and linked to the relevant comments), please help make it clearer. Thanks!

[webcoderz]

lol the other one's a duplicate of this one but I get your point.