container formatting issues in Streamlit 1.45.0

[ngibson-ccm]

Since the release of Streamlit 1.45.0 container formatting no longer works correctly in floated containers. The container seems to be trying to use the entire page width. No issues in 1.44.0.

[federicocaccialanzaabb]

I am experiencing the same issue

[federicocaccialanzaabb]

@ngibson-ccm I found a workaround for my use case,

It consists in adding a dependency to streamlit dimensions

calculating the width before the float init (unfortunately passing it to the float_css_helper doesn't work),
calculating the width afterwards
using the ratio to create two column
and putting everything on column 1

float_container = st.container(border=False)
from streamlit_dimensions import st_dimensions
width = int(st_dimensions(key="float_container")["width"])
with float_container:
    css = float_css_helper(..) # inserting here the width doesn't work
    float_init()
    float_width = int(st_dimensions(key="float_container_")["width"])
    ratio = width / float_width
    floatcol1, floatcol2 = st.columns([ratio, 1 - ratio])
        with floatcol1:

Not the best solutions nor is elegant but it did the trick for me,
Hopefully it can help

[aronnoordhoek]

Any updates on this? @bouzidanas

[bouzidanas]

I fixed the issue with the latest commit. I am still testing. This has taken more time than desired. I had to inject more JavaScript to keep the container's dimensions after the container is removed from the document flow.

I will upload a new version soon! Thanks for your patience.