[WIP] Explore dataframe max depth issue

Makefile

@@ -349,7 +349,7 @@ playwright-custom-components:
 	cd e2e_playwright; \
 	rm -rf ./test-results; \
 	pip install extra-streamlit-components streamlit-ace streamlit-antd-components streamlit-aggrid streamlit-autorefresh streamlit-chat streamlit-echarts streamlit-folium streamlit-lottie streamlit-option-menu streamlit-url-fragment; \
-	pytest ${custom_components_test_folder} --browser webkit --browser chromium --browser firefox --video retain-on-failure --screenshot only-on-failure --output ./test-results/ -n auto --reruns 1 --reruns-delay 1 --rerun-except "Missing snapshot" --durations=5 -r aR -v
+	pytest ${custom_components_test_folder} --tracing retain-on-failure --browser webkit --browser chromium --browser firefox --video retain-on-failure --screenshot only-on-failure --output ./test-results/ -n auto --reruns 1 --reruns-delay 1 --rerun-except "Missing snapshot" --durations=5 -r aR -v
 
 .PHONY: loc
 # Count the number of lines of code in the project.

e2e_playwright/st_popover.py

@@ -41,7 +41,7 @@
 
 with st.popover("popover 4 (with dataframe)", help="help text"):
     st.markdown("Popover with dataframe")
-    st.dataframe(df, use_container_width=False)
+    st.dataframe(df, use_container_width=True)
     st.image(np.repeat(0, 100).reshape(10, 10))
 
 with st.sidebar.popover("popover 5 (in sidebar)"):

e2e_playwright/st_popover_test.py

@@ -123,7 +123,9 @@
     )
 
 
-def test_fullscreen_mode_is_disabled_in_popover(app: Page):
+def test_fullscreen_mode_is_disabled_in_popover(
+    app: Page, assert_snapshot: ImageCompareFunction
+):
     """Test that the fullscreen mode is disabled within a popover container."""
     # Get the fullscreen elements popover container:
     popover_element = app.get_by_test_id("stPopover").nth(4)
@@ -138,13 +140,15 @@
 
     # Check dataframe toolbar:
     dataframe_element = popover_container.get_by_test_id("stDataFrame").nth(0)
     expect(dataframe_element).to_be_visible()
     dataframe_toolbar = dataframe_element.get_by_test_id("stElementToolbar")
     # Hover over dataframe
     dataframe_element.hover()
     # Should only have  two buttons, search + download CSV
     expect(dataframe_toolbar.get_by_test_id("stElementToolbarButton")).to_have_count(2)
 
+    assert_snapshot(popover_container, name="st_popover-container")
+
 
 def test_show_tooltip_on_hover(app: Page):
     """Test that the tooltip is shown when hovering over a popover button."""

frontend/lib/src/components/core/Block/Block.tsx

@@ -280,7 +280,9 @@ const VerticalBlock = (props: BlockPropsWithoutWidth): ReactElement => {
 
           // The width should never be set to 0 since it can cause
           // flickering effects.
-          setWidth(entry.target.getBoundingClientRect().width || -1)
+          setWidth(
+            Math.floor(entry.target.getBoundingClientRect().width) || -1
+          )
         })
       }),
     [setWidth]