Using the float component in combination with chat input to add chat buttons. Avoiding that the chat text hides behind the buttons

[Odrec]

Here are the pics of how it looks now. I’m using this code

        chat_buttons.float(
            "bottom: 6.5rem;background-color: var(--default-backgroundColor); "
            "padding-top: 1rem; max-width: 80vw; flex-wrap: nowrap"
        )

As you can see the icon moves to the left in the mobile version which probably means stacking. I was wondering if I could detect vertical stacking happening then maybe I can arrange the icons inside a popover, like they asked here

A expander that can expand above it

using Python 3.11.7 and Streamlit 1.31.0 I’m making a applicantion and I want to use a expander that instead of expanding under it, would expand above. I want to know if it’s possible in some way. (Like it works on ChatGPT or other many application [2024-02-06-16-09-15] )

Anyways thanks so much for all the help, you’ve helped me a lot.