Issues with Query Tree in a Form

[Siam]

Hello, thanks for this great Streamlit component. It has been a great addition and an elegant solution for my app.

For my use case, I have the query tree builder in a st.form. I have noticed that when it loads, the form partially cuts off the top row buttons (whether or not I specify a height). When I reload the page or interact with an UI element, this cutoff disappears. I'm hoping you can reproduce it. I can also attach a video.

Here is my minimal example:

import pandas as pd
import streamlit as st

from streamlit_condition_tree import condition_tree, config_from_dataframe

# Initial dataframe
df = pd.DataFrame(
    {
        "First Name": ["Georges", "Alfred"],
        "Age": [45, 98],
        "Favorite Color": ["Green", "Red"],
        "Like Tomatoes": [True, False],
    }
)

# Basic field configuration from dataframe
config = config_from_dataframe(df)

# Condition tree
with st.form("test"):
    query_string = condition_tree(config)
    st.form_submit_button("Submit")

Here is the result:

[cedricvlt]

Hi @aumisb,
Thanks for the issue reporting. I just solved it in the latest version (0.1.3).