diff --git a/packages/ui-default/package.json b/packages/ui-default/package.json
index 4b52e032b..202f3756f 100644
--- a/packages/ui-default/package.json
+++ b/packages/ui-default/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@hydrooj/ui-default",
-  "version": "4.34.17",
+  "version": "4.34.18",
   "author": "undefined <i@undefined.moe>",
   "license": "AGPL-3.0",
   "main": "hydro.js",
diff --git a/packages/ui-default/pages/problem_main.page.js b/packages/ui-default/pages/problem_main.page.js
index f7e4496c3..33f299941 100644
--- a/packages/ui-default/pages/problem_main.page.js
+++ b/packages/ui-default/pages/problem_main.page.js
@@ -236,16 +236,16 @@ const page = new NamedPage(['problem_main', 'problem_category'], () => {
   $('.section.display-mode').removeClass('display-mode');
   buildCategoryFilter();
   parseCategorySelection();
-  $('[name="leave-edit-mode"]').on('click', () => {
+  $(document).on('click', '[name="leave-edit-mode"]', () => {
     doc.className = doc.className.replace(' edit-mode', ' display-mode');
   });
-  $('[name="enter-edit-mode"]').on('click', () => {
+  $(document).on('click', '[name="enter-edit-mode"]', () => {
     doc.className = doc.className.replace(' display-mode', ' edit-mode');
   });
   ['delete', 'hide', 'unhide', 'copy'].forEach((op) => {
-    $(`[name="${op}_selected_problems"]`).on('click', () => handleOperation(op));
+    $(document).on('click', `[name="${op}_selected_problems"]`, () => handleOperation(op));
   });
-  $('[name="download_selected_problems"]').on('click', handleDownload);
+  $(document).on('click', '[name="download_selected_problems"]', handleDownload);
 
   $(document).on('click', '.toggle-tag', () => {
     $('.section__table-container').children(1).toggleClass('hide-problem-tag');