TabbedInterface nested with ChatInterface, the height of the ChatInterface is always 200px

[fanjianing]

Describe the bug

When trying the TabbedInterface nested with ChatInterface, the height of the ChatInterface is always 200px. How to solve it?

Code Demo 1:

with gr.Blocks(fill_height=True) as block:
    gr.TabbedInterface(
    [moonshot_chat, claude3_chat],
    ["Moonshot", "Claude3 Sonnet Chat"],
    title="LLM Console",
    )
block.launch()

Code Demo 2:

app = gr.TabbedInterface(
    [moonshot_chat, claude3_chat],
    ["Moonshot", "Claude3 Sonnet Chat"],
    title="LLM Console",
    )
app.launch()

No matter what kind of code it is, it will always be this fixed height. How can it be made the same as the browser height?

I tried a method of replacing css, it worked! but the id of the corresponding element in each tab is different, which is very inconvenient.

app = gr.TabbedInterface(
    [moonshot_chat, claude3_chat],
    ["Moonshot", "Claude3 Sonnet Chat"],
    title="LLM Console",
    css=".block  .svelte-12cmxck { height:calc(100vh - 380px)!important; }"
    )

Have you searched existing issues? 🔎

• [X] I have searched and found no existing issues

Reproduction

import gradio as gr

Screenshot

No response

Logs

No response

System Info

gradio version = 4.26.0

Severity

I can work around it

[xkbang]

Same here

[NatromeTex]

this work around works with tabbedInterface but not with normal tabs.