Third-party component height=0

Custom Components
1

I am having a problem using streamlit-datalist. It usually works fine, but sometimes it has a strange behavior: It just isn’t show in the browser. Investigating the issue, I realized it creates an iframe html with height=0. When I go to developer tools in the browser and manually change the iframe’s height, the element shows fine in the page

I cannot create a reproducible example, because I can not detect what is causing this. The component is not under st.component, st.columns or st.tabs or nothing similar.

Any idea or suggestion on why it may be happening? Or any way I can force the iframe element to have an height more than zero?

2

Hey, im having the same issue with various 3rd party components like Stremlit-Feedback, or Searchbar.
My fix to that is to use custom CSS

st.markdown("""<style> .element-container:has(iframe[height="0"]) {display: block; } </style> """,
  unsafe_allow_html=True)
3

Updating to 1.35.0 fixed this issue for me

4

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.