genai-stack icon indicating copy to clipboard operation
genai-stack copied to clipboard

Steamlit Text Box Covered by "Select RAG mode"

Open jordanallenlewis opened this issue 1 year ago • 4 comments

I just recently started exploring this project and I'm wondering if others have experienced the same issue as me:

On the support bot streamlit front end, the bottom text box where you type in your prompt is mostly covered by the RAG question. Anyone else experiencing this?

image

jordanallenlewis avatar Mar 21 '24 13:03 jordanallenlewis

:hand: Same here. I haven't used Docker GenAI for a while but I remember it showing up correctly at first.

grafik

sopheck avatar Mar 21 '24 22:03 sopheck

Screenshot 2024-04-25 at 8 55 08

Same for me!

anirbanbasu avatar Apr 24 '24 23:04 anirbanbasu

Exactly the same for me — runing in ubuntu 22.04, tried both local firefox browser or NAT another chrome browser.

llmscope avatar Apr 30 '24 04:04 llmscope

Ran into the same issue. Worked around the problem by giving the fixed position to the chatbox, instead of the "Select RAG mode" pane. This is done by modifying the CSS style for Streamlit UI in bot.py file: 1) commenting out the "position: fixed" line for the '.element-container:has(aria-lable="Select RAG mode"' element, and 2) adding "position: fixed" line for the '.stChatFloatingInputContainer' element.

With these changes, the chatbox takes a fixed position at the bottom of the page, while the "Select RAG mode" pane becomes a floating element. So, the chatbox is no longer covered by the "Select RAG mode". This workaround allowed me to continue with the demo app successfully.

--- Streamlit UI style sheet modification in bot.py file ---

Streamlit UI

styl = f"""

hsiehgeoVA avatar Aug 07 '24 15:08 hsiehgeoVA