After clear, scroll to the top

app.py

@@ -744,7 +744,7 @@ def update_problems():
     )
 
 
-def clear_inputs():
+def clear():
     problem_1_display, problem_2_display, problem_1_full, problem_2_full = update_problems()
     return "", 0.1, "", problem_1_display, problem_2_display, problem_1_full, problem_2_full
 
@@ -775,6 +775,12 @@ css = """
 }
 """
 
+js = """
+function scrollToTop() {
+    window.scrollTo({top: 0, behavior: 'smooth'});
+}
+"""
+
 with gr.Blocks(css=css) as demo:
     latex_delimiters = [
         {"left": "[", "right": "]", "display": True},
@@ -789,10 +795,10 @@ with gr.Blocks(css=css) as demo:
         problem_example_1 = gr.Markdown(value=problem_1_display, elem_classes="problem-text")
         copy_btn_1 = gr.Button("Copy", elem_classes="copy-button")
     with gr.Row(elem_classes="problem-examples-container"):
-        gr.Markdown(
+        problem_example_2 = gr.Markdown(
             value="Problem example 2", latex_delimiters=latex_delimiters, elem_classes="problem-container-label"
         )
-        problem_example_2 = gr.Markdown(value=problem_2_display, elem_classes="problem-text")
+        gr.Markdown(value=problem_2_display, elem_classes="problem-text")
         copy_btn_2 = gr.Button("Copy", elem_classes="copy-button")
 
     with gr.Row():
@@ -813,8 +819,10 @@ with gr.Blocks(css=css) as demo:
     copy_btn_1.click(fn=copy_problem_to_input, inputs=[problem_1_full_hidden], outputs=[inp])
     copy_btn_2.click(fn=copy_problem_to_input, inputs=[problem_2_full_hidden], outputs=[inp])
 
+    btn_clear.click(js=js)
+
     btn_clear.click(
-        fn=clear_inputs,
+        fn=clear,
         inputs=[],
         outputs=[
             inp,