Cascade from antd can't handle long text

Custom Components
1

Hi, everyone!

I’m using Cascade from the streamlit_antd_components package, but it’s not working properly when the items have long names. As you can see in the screenshot, the items with long names don’t fit in the frame. How can I solve this problem? I want the items to be multi-line or cropped, with the full text appearing when you hover over them.

image
image1820×330 22.3 KB

The code of my application looks like this:

dummy_text = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare at nibh a ultrices. ' 
c1, c2 = st.columns([0.15, 0.85])
with c1:
    st.write(dummy_text)

with c2:
    sac.cascader(
        items=[
            sac.CasItem(
                dummy_text,
                children=[
                    sac.CasItem(
                        dummy_text,
                        children=[
                            sac.CasItem(dummy_text),
                            sac.CasItem(dummy_text),
                        ]
                    ),
                    sac.CasItem(
                        dummy_text,
                        children=[
                            sac.CasItem(dummy_text),
                            sac.CasItem(dummy_text),
                        ]),
                ])
    ], label='', index=0, multiple=False, search=True, clear=True)

I have tried formatter_func, but it doesn’t help.