Add autoscrolling

app.py

@@ -9,6 +9,10 @@ description = """
 st.title("TextWorldExpress Demo")
 st.markdown(description)
 
+# Apply custom CSS.
+with open('style.css')as f:
+    st.markdown(f"<style>{f.read()}</style>", unsafe_allow_html=True)
+
 env = st.session_state.get("env")
 if env is None:
     env = TextWorldExpressEnv()
@@ -96,7 +100,7 @@ def step():
 
 with st.sidebar:
     # st.warning(env.getTaskDescription())
-    # st.success(f"Score:  {infos['score']}")
+    st.success(f"Score:  {infos['score']}")
 
     valid_actions = [""] + sorted(infos["validActions"])
     if infos['done']:
@@ -128,15 +132,14 @@ elif infos['taskfailure']:
     st.error("You have failed the task.")
 
 
+# Auto scroll at the bottom of the page.
+components.html(
+f"""
+    <p>{st.session_state.obs}</p>
+    <script>
+        window.parent.document.querySelector('section.main').scrollTo(0, window.parent.document.querySelector('section.main').scrollHeight);
+    </script>
 
-
-# # Auto scroll at the bottom of the page.
-# components.html(
-# f"""
-#     <p>{st.session_state.obs}</p>
-#     <script>
-#         window.parent.document.querySelector('section.main').scrollTo(0, window.parent.document.querySelector('section.main').scrollHeight);
-#     </script>
 # """,
-# height=0
-# )
+height=0
+)

style.css

@@ -0,0 +1,4 @@
+section.main[tabindex="0"] {
+    overflow-y: scroll;
+    /* height: 700px */
+}