Fix widgets

app.py

@@ -231,6 +231,8 @@ def build_demo() -> gr.Blocks:
                         interactive=False,
                         column_widths=column_widths,
                         elem_id="leaderboard-table",
+                        row_count=(len(leaderboard_df), "fixed"),
+                        col_count=(len(all_cols), "fixed"),
                     )
 
                     # Update table when search changes

src/display/styles.py

@@ -21,6 +21,32 @@ THEME_DETECTION_JS = """
             document.documentElement.classList.remove('dark');
         }
     });
+
+    // Remove Gradio selection buttons from table
+    function removeSelectionHandles() {
+        // Remove all selection buttons (row and column selectors)
+        const selectionButtons = document.querySelectorAll(
+            '.selection-button, .selection-button-row, .selection-button-col, button[class*="selection-button"]'
+        );
+        selectionButtons.forEach(btn => {
+            btn.remove();
+        });
+    }
+
+    // Run after DOM is fully loaded
+    window.addEventListener('load', function() {
+        removeSelectionHandles();
+
+        // Re-run when table updates (MutationObserver)
+        const observer = new MutationObserver(removeSelectionHandles);
+        const table = document.querySelector('table');
+        if (table) {
+            observer.observe(table, {
+                childList: true,
+                subtree: true
+            });
+        }
+    });
 })();
 </script>
 """
@@ -294,9 +320,10 @@ table tbody td {
   white-space: nowrap;
 }
 
-/* Remove black outline artifacts on cell click */
+/* Remove black outline artifacts and selection handles */
 table td, table th {
   outline: none !important;
+  cursor: default !important;
 }
 
 table td:focus, table th:focus,
@@ -305,6 +332,65 @@ table td:active, table th:active {
   box-shadow: none !important;
 }
 
+/* Hide all pseudo-elements in body cells (except medals in first column) */
+table tbody tr td:not(:first-child)::before,
+table tbody tr td:not(:first-child)::after {
+  display: none !important;
+  content: none !important;
+  visibility: hidden !important;
+}
+
+/* Disable pointer events on pseudo-elements */
+table tbody tr td::before,
+table tbody tr td::after {
+  pointer-events: none !important;
+}
+
+/* Hide potential Gradio row/column selectors */
+table tbody tr td > div::before,
+table tbody tr td > div::after,
+table tbody tr td > span::before,
+table tbody tr td > span::after {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+/* Disable user-select to prevent row/column selection UI */
+table tbody tr td {
+  user-select: none !important;
+  -webkit-user-select: none !important;
+  -moz-user-select: none !important;
+}
+
+/* Target Gradio internal .cell-wrap class */
+.cell-wrap::before,
+.cell-wrap::after {
+  display: none !important;
+  content: none !important;
+  visibility: hidden !important;
+}
+
+.cell-wrap * {
+  pointer-events: none !important;
+}
+
+/* Hide any absolutely positioned children in cells */
+table tbody tr td > *[style*="position: absolute"],
+table tbody tr td > *[style*="position:absolute"] {
+  display: none !important;
+}
+
+/* Hide Gradio row/column selection buttons */
+.selection-button,
+.selection-button-row,
+.selection-button-col,
+button[class*="selection-button"] {
+  display: none !important;
+  visibility: hidden !important;
+  opacity: 0 !important;
+  pointer-events: none !important;
+}
+
 /* Constrain model name column */
 table td:first-child,
 table th:first-child {