toast is blocked by chat_input with wide page layout

[liunux4odoo]

Checklist

• I have searched the existing issues for similar issues.
• I added a very descriptive title to this issue.
• I have provided sufficient information below to help reproduce this issue.

Summary

with streamlit==1.25.0, the toast is shown on the bottom right corner, and will be blocked by chat_input when set page layout to "wide".

Reproducible Code Example

import streamlit as st
import time


st.set_page_config(layout="wide")
st.toast("welcome to chat 1.\n\nthis is second line.\n\nthis is third line.")
prompt = st.chat_input("input here")
time.sleep(1)
st.toast("welcome to chat 2.\n\nthis is second line.\n\nthis is third line.")

Steps To Reproduce

No response

Expected Behavior

toast should have the highest z-level when rendered so it would not be blocked by other elements.

Current Behavior

No response

Is this a regression?

• Yes, this used to work in a previous version.

Debug info

• Streamlit version: 1.25.0
• Python version: 3.10
• Operating System: windows
• Browser: ms-edge

Additional Information

No response

[kajarenc]

Hey @liunux4odoo and thank you for opening this issue.

I was able to reproduce this code issue.

@mayagbarnes / @LukasMasuch (I am not sure whom to mention, since bug happens on the overlap of st.chat_input and st.toast widgets in wide mode :) )

[sfc-gh-jcarroll]

This can also happen in normal mode if the browser width isn't wide enough. It's quite annoying