Set selectboxes to be readonly for mobile experience

src/pages/10_Set_Your_Lineup.py

@@ -1,6 +1,7 @@
 from dataclasses import dataclass
 import pandas as pd
 import streamlit as st
+import streamlit.components.v1 as components
 
 from config import DEFAULT_ICON
 from shared_page import common_page_config
@@ -14,6 +15,26 @@ from login import check_password
 from data_storage import update_selection, get_user_team
 
 
+def set_selectbox_readonly():
+    components.html(
+        """
+<script>
+    function formatSelectBox() {
+        const matches = window.parent.document.querySelectorAll("input");
+        matches.forEach((input) => {
+            input.setAttribute("readonly", "true");
+        });
+
+    }
+    formatSelectBox();
+
+</script>
+    """,
+        width=0,
+        height=0,
+    )
+
+
 @dataclass
 class PlayerOption:
     full_name: str
@@ -207,6 +228,8 @@ def get_page():
         with selection_cols[7]:
             position_cell(week, "DEF", 1, player_options, existing_selections)
 
+    set_selectbox_readonly()
+
 
 if __name__ == "__main__":
     get_page()