Dataframe component overflowing from the tab

[merveenoyan]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

Dataframe component overflows from the tab even if the page is 75 percent zoomed out.

Reproduction

My code is below:

import gradio as gr
df = [i for i in range(8)]
def inference_function_xgb(df):
    print(df)
def inference_function_rfc(df):
    print(df)

outcome = gr.outputs.Textbox()

with gr.Blocks() as demo:
    
    with gr.Tabs():
        with gr.TabItem("XGBoost") as xgb:
            with gr.Row():
                df = gr.Dataframe(interactive=True, headers=[i for i in range(8)], type = "pandas")
                inference_run = gr.Button("Infer")
                inference_progress = gr.StatusTracker(cover_container=True)
                inference_run.click(
                    inference_function_xgb,
                    inputs=df,
                    outputs=outcome,
                    status_tracker=inference_progress,
                )
        with gr.TabItem("Random Forest Classifier") as rfc:
            with gr.Row():
                df = gr.Dataframe(interactive=True, headers=[i for i in range(8)], type = "pandas")
                inference_run = gr.Button("Infer")
                inference_progress = gr.StatusTracker(cover_container=True)
                inference_run.click(
                    inference_function_rfc,
                    inputs=df,
                    outputs=outcome,
                    status_tracker=inference_progress,
                )

if __name__ == "__main__":
    demo.launch()

it's dummified, but still reproduces the error :')

Screenshot

Posted above.

Logs

App works just fine :')

System Info

gradio==2.9b25

Severity

annoyance

[merveenoyan]

pinging @pngwn here :)

[pngwn]

@merveenoyan Since you're playing around at the minute, I'm curious what do you expect gr.Rows() to do. Ignoring the ovbious bugs, does it lay things out as expected or would you expect something else?

[merveenoyan]

@pngwn yes I want them to look that way :)
Something really annoying was when I put the inference result between infer button and the dataframe and it got crushed and I can't see anything. I think ability to expand/toggle would be super nice!

[merveenoyan]

@pngwn I got inference button out of row and under tab and textbox is very squeezed.

Then I got the textbox output outside of row and inside the tab and crushed the app itself 😅

[pngwn]

#1195 should have fixed this but i'll double check soon.

[abidlabs]

Can confirm this is now fixed:

Thanks @pngwn and @merveenoyan!