arnaudmiribel / streamlit-extras

Discover, try, install and share Streamlit re-usable bits we call "extras"!
https://extras.streamlit.app
Apache License 2.0
715 stars 123 forks source link

🐛 [BUG] - Styleable Container Does not appear to work #181

Closed ethanlchristensen closed 11 months ago

ethanlchristensen commented 11 months ago

Description

The Styleable Container function does not appear to work. It doesn't seem to work when testing on my own app, but also doesn't seem to work on the Streamlit Extras Documentation site either.

https://extras.streamlit.app/Styleable%20Container

No Green Button, No Container Border

Reproduction steps

1. Go to https://extras.streamlit.app/Styleable%20Container
2. Scroll down to the example Buttons and Container with Border

Screenshots

No response

Logs

No response

Version of streamlit

1.26.0

Version of streamlit-extras

0.3.2

arnaudmiribel commented 11 months ago

Hey @ethanlchristensen, thanks for flagging this. It looks like a duplicate of https://github.com/arnaudmiribel/streamlit-extras/issues/178, can you confirm? Are you using Mozilla? The extra won't work on Mozzila.

ethanlchristensen commented 11 months ago

Apologies for not catching this duplicate. Yes I do use Firefox, so I suppose that explains it! :)

aronweiler commented 8 months ago

@ethanlchristensen

FYI, in case anyone wants to know how to fix this in FireFox, you can perform the following:

  1. Open Firefox.
  2. Type about:config in the address bar and press Enter.
  3. Click "Accept the Risk and Continue" to access the advanced settings.
  4. Use the search bar at the top to find the setting for enabling experimental features. This might be something like layout.css.has-selector.enabled.
  5. If you find the relevant setting for :has(), click on the toggle button to set its value to true.