From 857b1048d53ebf5fc5581c110e85c212b81ca83a Mon Sep 17 00:00:00 2001
From: GappleBee <irrationalmathematicspro7@gmail.com>
Date: Thu, 24 Oct 2024 19:44:31 +0100
Subject: [PATCH 1/7] Fixed #34619 -- Associated FilteredSelectMultiple
 elements to their label and help text.

---
 .../admin/static/admin/css/responsive.css     |   3 +-
 django/contrib/admin/static/admin/css/rtl.css |   8 +-
 .../admin/static/admin/css/widgets.css        |  39 ++++---
 .../admin/static/admin/js/SelectFilter2.js    | 106 +++++++++++-------
 js_tests/admin/SelectFilter2.test.js          |  24 +++-
 tests/admin_inlines/tests.py                  |  38 ++++---
 .../test_related_object_lookups.py            |   4 +-
 tests/admin_views/tests.py                    |   4 +-
 tests/admin_widgets/tests.py                  |  50 +++++----
 9 files changed, 168 insertions(+), 108 deletions(-)

diff --git a/django/contrib/admin/static/admin/css/responsive.css b/django/contrib/admin/static/admin/css/responsive.css
index 932e824c1c..7d296b150f 100644
--- a/django/contrib/admin/static/admin/css/responsive.css
+++ b/django/contrib/admin/static/admin/css/responsive.css
@@ -299,7 +299,7 @@ input[type="submit"], button {
         background-position: 0 -80px;
     }
 
-    a.selector-chooseall, a.selector-clearall {
+    .selector-chooseall, .selector-clearall {
         align-self: center;
     }
 
@@ -649,6 +649,7 @@ input[type="submit"], button {
 
     .related-widget-wrapper .selector {
         order: 1;
+        flex: 1 0 auto;
     }
 
     .related-widget-wrapper > a {
diff --git a/django/contrib/admin/static/admin/css/rtl.css b/django/contrib/admin/static/admin/css/rtl.css
index b8f60e0a34..5b55b63013 100644
--- a/django/contrib/admin/static/admin/css/rtl.css
+++ b/django/contrib/admin/static/admin/css/rtl.css
@@ -235,19 +235,19 @@ fieldset .fieldBox {
   background-position: 0 -112px;
 }
 
-a.selector-chooseall {
+.selector-chooseall {
     background: url(../img/selector-icons.svg) right -128px no-repeat;
 }
 
-a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
+.active.selector-chooseall:focus, .active.selector-chooseall:hover {
     background-position: 100% -144px;
 }
 
-a.selector-clearall {
+.selector-clearall {
     background: url(../img/selector-icons.svg) 0 -160px no-repeat;
 }
 
-a.active.selector-clearall:focus, a.active.selector-clearall:hover {
+.active.selector-clearall:focus, .active.selector-clearall:hover {
     background-position: 0 -176px;
 }
 
diff --git a/django/contrib/admin/static/admin/css/widgets.css b/django/contrib/admin/static/admin/css/widgets.css
index cc64811a2b..c8bf90b3b2 100644
--- a/django/contrib/admin/static/admin/css/widgets.css
+++ b/django/contrib/admin/static/admin/css/widgets.css
@@ -2,7 +2,7 @@
 
 .selector {
     display: flex;
-    flex-grow: 1;
+    flex: 1;
     gap: 0 10px;
 }
 
@@ -14,17 +14,20 @@
 }
 
 .selector-available, .selector-chosen {
-    text-align: center;
     display: flex;
     flex-direction: column;
     flex: 1 1;
 }
 
-.selector-available h2, .selector-chosen h2 {
+.selector-available-title, .selector-chosen-title {
     border: 1px solid var(--border-color);
     border-radius: 4px 4px 0 0;
 }
 
+.selector .helptext {
+    font-size: 0.6875rem;
+}
+
 .selector-chosen .list-footer-display {
     border: 1px solid var(--border-color);
     border-top: none;
@@ -40,14 +43,20 @@
     color: var(--breadcrumbs-fg);
 }
 
-.selector-chosen h2 {
+.selector-chosen-title {
     background: var(--secondary);
     color: var(--header-link-color);
+    padding: 8px;
+}
+
+.selector-chosen-title label {
+    color: var(--header-link-color);
 }
 
-.selector .selector-available h2 {
+.selector-available-title {
     background: var(--darkened-bg);
     color: var(--body-quiet-color);
+    padding: 8px;
 }
 
 .selector .selector-filter {
@@ -121,6 +130,7 @@
     overflow: hidden;
     cursor: default;
     opacity: 0.55;
+    border: none;
 }
 
 .active.selector-add, .active.selector-remove {
@@ -147,7 +157,7 @@
     background-position: 0 -80px;
 }
 
-a.selector-chooseall, a.selector-clearall {
+.selector-chooseall, .selector-clearall {
     display: inline-block;
     height: 16px;
     text-align: left;
@@ -158,38 +168,39 @@ a.selector-chooseall, a.selector-clearall {
     color: var(--body-quiet-color);
     text-decoration: none;
     opacity: 0.55;
+    border: none;
 }
 
-a.active.selector-chooseall:focus, a.active.selector-clearall:focus,
-a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
+.active.selector-chooseall:focus, .active.selector-clearall:focus,
+.active.selector-chooseall:hover, .active.selector-clearall:hover {
     color: var(--link-fg);
 }
 
-a.active.selector-chooseall, a.active.selector-clearall {
+.active.selector-chooseall, .active.selector-clearall {
     opacity: 1;
 }
 
-a.active.selector-chooseall:hover, a.active.selector-clearall:hover {
+.active.selector-chooseall:hover, .active.selector-clearall:hover {
     cursor: pointer;
 }
 
-a.selector-chooseall {
+.selector-chooseall {
     padding: 0 18px 0 0;
     background: url(../img/selector-icons.svg) right -160px no-repeat;
     cursor: default;
 }
 
-a.active.selector-chooseall:focus, a.active.selector-chooseall:hover {
+.active.selector-chooseall:focus, .active.selector-chooseall:hover {
     background-position: 100% -176px;
 }
 
-a.selector-clearall {
+.selector-clearall {
     padding: 0 0 0 18px;
     background: url(../img/selector-icons.svg) 0 -128px no-repeat;
     cursor: default;
 }
 
-a.active.selector-clearall:focus, a.active.selector-clearall:hover {
+.active.selector-clearall:focus, .active.selector-clearall:hover {
     background-position: 0 -144px;
 }
 
diff --git a/django/contrib/admin/static/admin/js/SelectFilter2.js b/django/contrib/admin/static/admin/js/SelectFilter2.js
index 133d809d52..7f0cfef8c9 100644
--- a/django/contrib/admin/static/admin/js/SelectFilter2.js
+++ b/django/contrib/admin/static/admin/js/SelectFilter2.js
@@ -15,6 +15,7 @@ Requires core.js and SelectBox.js.
             const from_box = document.getElementById(field_id);
             from_box.id += '_from'; // change its ID
             from_box.className = 'filtered';
+            from_box.setAttribute('aria-labelledby', field_id + '_from_title');
 
             for (const p of from_box.parentNode.getElementsByTagName('p')) {
                 if (p.classList.contains("info")) {
@@ -38,18 +39,15 @@ Requires core.js and SelectBox.js.
             // <div class="selector-available">
             const selector_available = quickElement('div', selector_div);
             selector_available.className = 'selector-available';
-            const title_available = quickElement('h2', selector_available, interpolate(gettext('Available %s') + ' ', [field_name]));
+            const selector_available_title = quickElement('div', selector_available);
+            selector_available_title.id = field_id + '_from_title';
+            selector_available_title.className = 'selector-available-title';
+            quickElement('label', selector_available_title, interpolate(gettext('Available %s') + ' ', [field_name]), 'for', field_id + '_from');
             quickElement(
-                'span', title_available, '',
-                'class', 'help help-tooltip help-icon',
-                'title', interpolate(
-                    gettext(
-                        'This is the list of available %s. You may choose some by ' +
-                        'selecting them in the box below and then clicking the ' +
-                        '"Choose" arrow between the two boxes.'
-                    ),
-                    [field_name]
-                )
+                'p',
+                selector_available_title,
+                interpolate(gettext('Choose %s by selecting them and then select the "Choose" arrow button.'), [field_name]),
+                'class', 'helptext'
             );
 
             const filter_p = quickElement('p', selector_available, '', 'id', field_id + '_filter');
@@ -60,7 +58,7 @@ Requires core.js and SelectBox.js.
             quickElement(
                 'span', search_filter_label, '',
                 'class', 'help-tooltip search-label-icon',
-                'title', interpolate(gettext("Type into this box to filter down the list of available %s."), [field_name])
+                'aria-label', interpolate(gettext("Type into this box to filter down the list of available %s."), [field_name])
             );
 
             filter_p.appendChild(document.createTextNode(' '));
@@ -69,32 +67,44 @@ Requires core.js and SelectBox.js.
             filter_input.id = field_id + '_input';
 
             selector_available.appendChild(from_box);
-            const choose_all = quickElement('a', selector_available, gettext('Choose all'), 'title', interpolate(gettext('Click to choose all %s at once.'), [field_name]), 'href', '#', 'id', field_id + '_add_all_link');
-            choose_all.className = 'selector-chooseall';
+            const choose_all = quickElement(
+                'button',
+                selector_available,
+                interpolate(gettext('Choose all %s'), [field_name]),
+                'id', field_id + '_add_all',
+                'class', 'selector-chooseall'
+            );
 
             // <ul class="selector-chooser">
             const selector_chooser = quickElement('ul', selector_div);
             selector_chooser.className = 'selector-chooser';
-            const add_link = quickElement('a', quickElement('li', selector_chooser), gettext('Choose'), 'title', gettext('Choose'), 'href', '#', 'id', field_id + '_add_link');
-            add_link.className = 'selector-add';
-            const remove_link = quickElement('a', quickElement('li', selector_chooser), gettext('Remove'), 'title', gettext('Remove'), 'href', '#', 'id', field_id + '_remove_link');
-            remove_link.className = 'selector-remove';
+            const add_button = quickElement(
+                'button',
+                quickElement('li', selector_chooser),
+                interpolate(gettext('Choose selected %s'), [field_name]),
+                'id', field_id + '_add',
+                'class', 'selector-add'
+            );
+            const remove_button = quickElement(
+                'button',
+                quickElement('li', selector_chooser),
+                interpolate(gettext('Remove selected chosen %s'), [field_name]),
+                'id', field_id + '_remove',
+                'class', 'selector-remove'
+            );
 
             // <div class="selector-chosen">
             const selector_chosen = quickElement('div', selector_div, '', 'id', field_id + '_selector_chosen');
             selector_chosen.className = 'selector-chosen';
-            const title_chosen = quickElement('h2', selector_chosen, interpolate(gettext('Chosen %s') + ' ', [field_name]));
+            const selector_chosen_title = quickElement('div', selector_chosen);
+            selector_chosen_title.className = 'selector-chosen-title';
+            selector_chosen_title.id = field_id + '_to_title';
+            quickElement('label', selector_chosen_title, interpolate(gettext('Chosen %s') + ' ', [field_name]), 'for', field_id + '_to');
             quickElement(
-                'span', title_chosen, '',
-                'class', 'help help-tooltip help-icon',
-                'title', interpolate(
-                    gettext(
-                        'This is the list of chosen %s. You may remove some by ' +
-                        'selecting them in the box below and then clicking the ' +
-                        '"Remove" arrow between the two boxes.'
-                    ),
-                    [field_name]
-                )
+                'p',
+                selector_chosen_title,
+                interpolate(gettext('Remove %s by selecting them and then select the "Remove" arrow button.'), [field_name]),
+                'class', 'helptext'
             );
             
             const filter_selected_p = quickElement('p', selector_chosen, '', 'id', field_id + '_filter_selected');
@@ -105,7 +115,7 @@ Requires core.js and SelectBox.js.
             quickElement(
                 'span', search_filter_selected_label, '',
                 'class', 'help-tooltip search-label-icon',
-                'title', interpolate(gettext("Type into this box to filter down the list of selected %s."), [field_name])
+                'aria-label', interpolate(gettext("Type into this box to filter down the list of selected %s."), [field_name])
             );
 
             filter_selected_p.appendChild(document.createTextNode(' '));
@@ -113,15 +123,27 @@ Requires core.js and SelectBox.js.
             const filter_selected_input = quickElement('input', filter_selected_p, '', 'type', 'text', 'placeholder', gettext("Filter"));
             filter_selected_input.id = field_id + '_selected_input';
 
-            const to_box = quickElement('select', selector_chosen, '', 'id', field_id + '_to', 'multiple', '', 'size', from_box.size, 'name', from_box.name);
-            to_box.className = 'filtered';
-            
+            quickElement(
+                'select',
+                selector_chosen,
+                '',
+                'id', field_id + '_to',
+                'multiple', '',
+                'size', from_box.size,
+                'name', from_box.name,
+                'aria-labelledby', field_id + '_to_title',
+                'class', 'filtered'
+            );
             const warning_footer = quickElement('div', selector_chosen, '', 'class', 'list-footer-display');
             quickElement('span', warning_footer, '', 'id', field_id + '_list-footer-display-text');
             quickElement('span', warning_footer, ' ' + gettext('(click to clear)'), 'class', 'list-footer-display__clear');
-            
-            const clear_all = quickElement('a', selector_chosen, gettext('Remove all'), 'title', interpolate(gettext('Click to remove all chosen %s at once.'), [field_name]), 'href', '#', 'id', field_id + '_remove_all_link');
-            clear_all.className = 'selector-clearall';
+            const clear_all = quickElement(
+                'button',
+                selector_chosen,
+                interpolate(gettext('Remove all %s'), [field_name]),
+                'id', field_id + '_remove_all',
+                'class', 'selector-clearall'
+            );
 
             from_box.name = from_box.name + '_old';
 
@@ -138,10 +160,10 @@ Requires core.js and SelectBox.js.
             choose_all.addEventListener('click', function(e) {
                 move_selection(e, this, SelectBox.move_all, field_id + '_from', field_id + '_to');
             });
-            add_link.addEventListener('click', function(e) {
+            add_button.addEventListener('click', function(e) {
                 move_selection(e, this, SelectBox.move, field_id + '_from', field_id + '_to');
             });
-            remove_link.addEventListener('click', function(e) {
+            remove_button.addEventListener('click', function(e) {
                 move_selection(e, this, SelectBox.move, field_id + '_to', field_id + '_from');
             });
             clear_all.addEventListener('click', function(e) {
@@ -227,11 +249,11 @@ Requires core.js and SelectBox.js.
             const from = document.getElementById(field_id + '_from');
             const to = document.getElementById(field_id + '_to');
             // Active if at least one item is selected
-            document.getElementById(field_id + '_add_link').classList.toggle('active', SelectFilter.any_selected(from));
-            document.getElementById(field_id + '_remove_link').classList.toggle('active', SelectFilter.any_selected(to));
+            document.getElementById(field_id + '_add').classList.toggle('active', SelectFilter.any_selected(from));
+            document.getElementById(field_id + '_remove').classList.toggle('active', SelectFilter.any_selected(to));
             // Active if the corresponding box isn't empty
-            document.getElementById(field_id + '_add_all_link').classList.toggle('active', from.querySelector('option'));
-            document.getElementById(field_id + '_remove_all_link').classList.toggle('active', to.querySelector('option'));
+            document.getElementById(field_id + '_add_all').classList.toggle('active', from.querySelector('option'));
+            document.getElementById(field_id + '_remove_all').classList.toggle('active', to.querySelector('option'));
             SelectFilter.refresh_filtered_warning(field_id);
         },
         filter_key_press: function(event, field_id, source, target) {
diff --git a/js_tests/admin/SelectFilter2.test.js b/js_tests/admin/SelectFilter2.test.js
index 0b1317cff5..af227c0c1e 100644
--- a/js_tests/admin/SelectFilter2.test.js
+++ b/js_tests/admin/SelectFilter2.test.js
@@ -12,13 +12,25 @@ QUnit.test('init', function(assert) {
     SelectFilter.init('id', 'things', 0);
     assert.equal($('#test').children().first().prop("tagName"), "DIV");
     assert.equal($('#test').children().first().attr("class"), "selector");
-    assert.equal($('.selector-available h2').text().trim(), "Available things");
-    assert.equal($('.selector-chosen h2').text().trim(), "Chosen things");
+    assert.equal($('.selector-available label').text().trim(), "Available things");
+    assert.equal($('.selector-chosen label').text().trim(), "Chosen things");
     assert.equal($('.selector-chosen select')[0].getAttribute('multiple'), '');
-    assert.equal($('.selector-chooseall').text(), "Choose all");
-    assert.equal($('.selector-add').text(), "Choose");
-    assert.equal($('.selector-remove').text(), "Remove");
-    assert.equal($('.selector-clearall').text(), "Remove all");
+    assert.equal($('.selector-chooseall').text(), "Choose all things");
+    assert.equal($('.selector-chooseall').prop("tagName"), "BUTTON");
+    assert.equal($('.selector-add').text(), "Choose selected things");
+    assert.equal($('.selector-add').prop("tagName"), "BUTTON");
+    assert.equal($('.selector-remove').text(), "Remove selected chosen things");
+    assert.equal($('.selector-remove').prop("tagName"), "BUTTON");
+    assert.equal($('.selector-clearall').text(), "Remove all things");
+    assert.equal($('.selector-clearall').prop("tagName"), "BUTTON");
+    assert.equal($('.selector-available .filtered').attr("aria-labelledby"), "id_from_title");
+    assert.equal($('.selector-available .selector-available-title label').text(), "Available things ");
+    assert.equal($('.selector-available .selector-available-title .helptext').text(), 'Choose things by selecting them and then select the "Choose" arrow button.');
+    assert.equal($('.selector-chosen .filtered').attr("aria-labelledby"), "id_to_title");
+    assert.equal($('.selector-chosen .selector-chosen-title label').text(), "Chosen things ");
+    assert.equal($('.selector-chosen .selector-chosen-title .helptext').text(), 'Remove things by selecting them and then select the "Remove" arrow button.');
+    assert.equal($('.selector-filter label .help-tooltip')[0].getAttribute("aria-label"), "Type into this box to filter down the list of available things.");
+    assert.equal($('.selector-filter label .help-tooltip')[1].getAttribute("aria-label"), "Type into this box to filter down the list of selected things.");
 });
 
 QUnit.test('filtering available options', function(assert) {
diff --git a/tests/admin_inlines/tests.py b/tests/admin_inlines/tests.py
index 9c32f6fb8e..b08ab3a52a 100644
--- a/tests/admin_inlines/tests.py
+++ b/tests/admin_inlines/tests.py
@@ -2420,31 +2420,43 @@ class SeleniumTests(AdminSeleniumTestCase):
             "admin:admin_inlines_courseproxy1_add",
             "admin:admin_inlines_courseproxy2_add",
         ]
-        css_selector = ".dynamic-class_set#class_set-%s h2"
+        css_available_selector = (
+            ".dynamic-class_set#class_set-%s .selector-available-title"
+        )
+        css_chosen_selector = ".dynamic-class_set#class_set-%s .selector-chosen-title"
 
         for url_name in tests:
             with self.subTest(url=url_name):
                 self.selenium.get(self.live_server_url + reverse(url_name))
                 # First inline shows the verbose_name.
-                available, chosen = self.selenium.find_elements(
-                    By.CSS_SELECTOR, css_selector % 0
+                available = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_available_selector % 0
                 )
-                self.assertEqual(available.text, "AVAILABLE ATTENDANT")
-                self.assertEqual(chosen.text, "CHOSEN ATTENDANT")
+                chosen = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_chosen_selector % 0
+                )
+                self.assertIn("Available attendant", available.text)
+                self.assertIn("Chosen attendant", chosen.text)
                 # Added inline should also have the correct verbose_name.
                 self.selenium.find_element(By.LINK_TEXT, "Add another Class").click()
-                available, chosen = self.selenium.find_elements(
-                    By.CSS_SELECTOR, css_selector % 1
+                available = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_available_selector % 1
                 )
-                self.assertEqual(available.text, "AVAILABLE ATTENDANT")
-                self.assertEqual(chosen.text, "CHOSEN ATTENDANT")
+                chosen = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_chosen_selector % 1
+                )
+                self.assertIn("Available attendant", available.text)
+                self.assertIn("Chosen attendant", chosen.text)
                 # Third inline should also have the correct verbose_name.
                 self.selenium.find_element(By.LINK_TEXT, "Add another Class").click()
-                available, chosen = self.selenium.find_elements(
-                    By.CSS_SELECTOR, css_selector % 2
+                available = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_available_selector % 2
                 )
-                self.assertEqual(available.text, "AVAILABLE ATTENDANT")
-                self.assertEqual(chosen.text, "CHOSEN ATTENDANT")
+                chosen = self.selenium.find_element(
+                    By.CSS_SELECTOR, css_chosen_selector % 2
+                )
+                self.assertIn("Available attendant", available.text)
+                self.assertIn("Chosen attendant", chosen.text)
 
     def test_tabular_inline_layout(self):
         from selenium.webdriver.common.by import By
diff --git a/tests/admin_views/test_related_object_lookups.py b/tests/admin_views/test_related_object_lookups.py
index 4b2171a09f..b591117460 100644
--- a/tests/admin_views/test_related_object_lookups.py
+++ b/tests/admin_views/test_related_object_lookups.py
@@ -162,7 +162,7 @@ class SeleniumTests(AdminSeleniumTestCase):
 
         # Move the new value to the from box.
         self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_to']/option").click()
-        self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_remove_link']").click()
+        self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_remove']").click()
 
         self.assertHTMLEqual(
             m2m_box.get_attribute("innerHTML"),
@@ -172,7 +172,7 @@ class SeleniumTests(AdminSeleniumTestCase):
 
         # Move the new value to the to box.
         self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_from']/option").click()
-        self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_add_link']").click()
+        self.selenium.find_element(By.XPATH, "//*[@id='id_m2m_add']").click()
 
         self.assertHTMLEqual(m2m_box.get_attribute("innerHTML"), "")
         self.assertHTMLEqual(
diff --git a/tests/admin_views/tests.py b/tests/admin_views/tests.py
index 3f106f6814..1ff29fc3db 100644
--- a/tests/admin_views/tests.py
+++ b/tests/admin_views/tests.py
@@ -6225,9 +6225,7 @@ class SeleniumTests(AdminSeleniumTestCase):
         self.take_screenshot("selectbox-available-perms-some-selected")
 
         # Move permissions to the "Chosen" list, but none is selected yet.
-        self.selenium.find_element(
-            By.CSS_SELECTOR, "#id_user_permissions_add_link"
-        ).click()
+        self.selenium.find_element(By.CSS_SELECTOR, "#id_user_permissions_add").click()
         self.take_screenshot("selectbox-chosen-perms-none-selected")
 
         # Select some permissions from the "Chosen" list.
diff --git a/tests/admin_widgets/tests.py b/tests/admin_widgets/tests.py
index 5da4adf8c9..a81f5802d1 100644
--- a/tests/admin_widgets/tests.py
+++ b/tests/admin_widgets/tests.py
@@ -1257,15 +1257,19 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
     def assertActiveButtons(
         self, mode, field_name, choose, remove, choose_all=None, remove_all=None
     ):
-        choose_link = "#id_%s_add_link" % field_name
-        choose_all_link = "#id_%s_add_all_link" % field_name
-        remove_link = "#id_%s_remove_link" % field_name
-        remove_all_link = "#id_%s_remove_all_link" % field_name
-        self.assertEqual(self.has_css_class(choose_link, "active"), choose)
-        self.assertEqual(self.has_css_class(remove_link, "active"), remove)
+        choose_button = "#id_%s_add" % field_name
+        choose_all_button = "#id_%s_add_all" % field_name
+        remove_button = "#id_%s_remove" % field_name
+        remove_all_button = "#id_%s_remove_all" % field_name
+        self.assertEqual(self.has_css_class(choose_button, "active"), choose)
+        self.assertEqual(self.has_css_class(remove_button, "active"), remove)
         if mode == "horizontal":
-            self.assertEqual(self.has_css_class(choose_all_link, "active"), choose_all)
-            self.assertEqual(self.has_css_class(remove_all_link, "active"), remove_all)
+            self.assertEqual(
+                self.has_css_class(choose_all_button, "active"), choose_all
+            )
+            self.assertEqual(
+                self.has_css_class(remove_all_button, "active"), remove_all
+            )
 
     def execute_basic_operations(self, mode, field_name):
         from selenium.webdriver.common.by import By
@@ -1274,10 +1278,10 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
 
         from_box = "#id_%s_from" % field_name
         to_box = "#id_%s_to" % field_name
-        choose_link = "id_%s_add_link" % field_name
-        choose_all_link = "id_%s_add_all_link" % field_name
-        remove_link = "id_%s_remove_link" % field_name
-        remove_all_link = "id_%s_remove_all_link" % field_name
+        choose_button = "id_%s_add" % field_name
+        choose_all_button = "id_%s_add_all" % field_name
+        remove_button = "id_%s_remove" % field_name
+        remove_all_button = "id_%s_remove_all" % field_name
 
         # Initial positions ---------------------------------------------------
         self.assertSelectOptions(
@@ -1296,7 +1300,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
 
         # Click 'Choose all' --------------------------------------------------
         if mode == "horizontal":
-            self.selenium.find_element(By.ID, choose_all_link).click()
+            self.selenium.find_element(By.ID, choose_all_button).click()
         elif mode == "vertical":
             # There 's no 'Choose all' button in vertical mode, so individually
             # select all options and click 'Choose'.
@@ -1304,7 +1308,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
                 By.CSS_SELECTOR, from_box + " > option"
             ):
                 option.click()
-            self.selenium.find_element(By.ID, choose_link).click()
+            self.selenium.find_element(By.ID, choose_button).click()
         self.assertSelectOptions(from_box, [])
         self.assertSelectOptions(
             to_box,
@@ -1323,7 +1327,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
 
         # Click 'Remove all' --------------------------------------------------
         if mode == "horizontal":
-            self.selenium.find_element(By.ID, remove_all_link).click()
+            self.selenium.find_element(By.ID, remove_all_button).click()
         elif mode == "vertical":
             # There 's no 'Remove all' button in vertical mode, so individually
             # select all options and click 'Remove'.
@@ -1331,7 +1335,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
                 By.CSS_SELECTOR, to_box + " > option"
             ):
                 option.click()
-            self.selenium.find_element(By.ID, remove_link).click()
+            self.selenium.find_element(By.ID, remove_button).click()
         self.assertSelectOptions(
             from_box,
             [
@@ -1364,7 +1368,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
         self.select_option(from_box, str(self.bob.id))
         self.select_option(from_box, str(self.john.id))
         self.assertActiveButtons(mode, field_name, True, False, True, False)
-        self.selenium.find_element(By.ID, choose_link).click()
+        self.selenium.find_element(By.ID, choose_button).click()
         self.assertActiveButtons(mode, field_name, False, False, True, True)
 
         self.assertSelectOptions(
@@ -1399,7 +1403,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
         self.select_option(to_box, str(self.lisa.id))
         self.select_option(to_box, str(self.bob.id))
         self.assertActiveButtons(mode, field_name, False, True, True, True)
-        self.selenium.find_element(By.ID, remove_link).click()
+        self.selenium.find_element(By.ID, remove_button).click()
         self.assertActiveButtons(mode, field_name, False, False, True, True)
 
         self.assertSelectOptions(
@@ -1418,7 +1422,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
         # Choose some more options --------------------------------------------
         self.select_option(from_box, str(self.arthur.id))
         self.select_option(from_box, str(self.cliff.id))
-        self.selenium.find_element(By.ID, choose_link).click()
+        self.selenium.find_element(By.ID, choose_button).click()
 
         self.assertSelectOptions(
             from_box,
@@ -1445,7 +1449,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
 
         # Confirm they're selected after clicking inactive buttons: ticket #26575
         self.assertSelectedOptions(from_box, [str(self.peter.id), str(self.lisa.id)])
-        self.selenium.find_element(By.ID, remove_link).click()
+        self.selenium.find_element(By.ID, remove_button).click()
         self.assertSelectedOptions(from_box, [str(self.peter.id), str(self.lisa.id)])
 
         # Unselect the options ------------------------------------------------
@@ -1458,7 +1462,7 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
 
         # Confirm they're selected after clicking inactive buttons: ticket #26575
         self.assertSelectedOptions(to_box, [str(self.jason.id), str(self.john.id)])
-        self.selenium.find_element(By.ID, choose_link).click()
+        self.selenium.find_element(By.ID, choose_button).click()
         self.assertSelectedOptions(to_box, [str(self.jason.id), str(self.john.id)])
 
         # Unselect the options ------------------------------------------------
@@ -1520,8 +1524,8 @@ class HorizontalVerticalFilterSeleniumTests(AdminWidgetSeleniumTestCase):
             for field_name in ["students", "alumni"]:
                 from_box = "#id_%s_from" % field_name
                 to_box = "#id_%s_to" % field_name
-                choose_link = "id_%s_add_link" % field_name
-                remove_link = "id_%s_remove_link" % field_name
+                choose_link = "id_%s_add" % field_name
+                remove_link = "id_%s_remove" % field_name
                 input = self.selenium.find_element(By.ID, "id_%s_input" % field_name)
                 # Initial values.
                 self.assertSelectOptions(

From 62e557d25a2aebf5d61e5286cc927a6aeb99492c Mon Sep 17 00:00:00 2001
From: DhanyaShah <dhanyasatyenshah@gmail.com>
Date: Fri, 6 Dec 2024 19:03:05 -0500
Subject: [PATCH 2/7] Fix icon refresh and formset handling- reinitialized
 Selectfilter

---
 .../admin/static/admin/js/SelectFilter2.js    | 45 ++++++++++++++++---
 .../admin/static/admin/js/autocomplete.js     | 11 +++++
 .../contrib/admin/static/admin/js/inlines.js  |  5 +++
 django/contrib/admin/widgets.py               | 12 ++---
 4 files changed, 62 insertions(+), 11 deletions(-)

diff --git a/django/contrib/admin/static/admin/js/SelectFilter2.js b/django/contrib/admin/static/admin/js/SelectFilter2.js
index 7f0cfef8c9..74e1655eea 100644
--- a/django/contrib/admin/static/admin/js/SelectFilter2.js
+++ b/django/contrib/admin/static/admin/js/SelectFilter2.js
@@ -248,12 +248,31 @@ Requires core.js and SelectBox.js.
         refresh_icons: function(field_id) {
             const from = document.getElementById(field_id + '_from');
             const to = document.getElementById(field_id + '_to');
-            // Active if at least one item is selected
-            document.getElementById(field_id + '_add').classList.toggle('active', SelectFilter.any_selected(from));
-            document.getElementById(field_id + '_remove').classList.toggle('active', SelectFilter.any_selected(to));
-            // Active if the corresponding box isn't empty
-            document.getElementById(field_id + '_add_all').classList.toggle('active', from.querySelector('option'));
-            document.getElementById(field_id + '_remove_all').classList.toggle('active', to.querySelector('option'));
+        
+            if (!from || !to) {
+                // If required elements are missing, skip refreshing icons.
+                console.warn(`Skipping icon refresh for field_id: ${field_id}. Elements are missing.`);
+                return;
+            }
+        
+            const addButton = document.getElementById(field_id + '_add');
+            const removeButton = document.getElementById(field_id + '_remove');
+            const addAllButton = document.getElementById(field_id + '_add_all');
+            const removeAllButton = document.getElementById(field_id + '_remove_all');
+        
+            if (addButton) {
+                addButton.classList.toggle('active', SelectFilter.any_selected(from));
+            }
+            if (removeButton) {
+                removeButton.classList.toggle('active', SelectFilter.any_selected(to));
+            }
+            if (addAllButton) {
+                addAllButton.classList.toggle('active', from.querySelector('option'));
+            }
+            if (removeAllButton) {
+                removeAllButton.classList.toggle('active', to.querySelector('option'));
+            }
+        
             SelectFilter.refresh_filtered_warning(field_id);
         },
         filter_key_press: function(event, field_id, source, target) {
@@ -305,4 +324,18 @@ Requires core.js and SelectBox.js.
             SelectFilter.init(el.id, data.fieldName, parseInt(data.isStacked, 10));
         });
     });
+
+    document.addEventListener('formset:removed', function(e) {
+        const inlineElement = e.target; // The removed inline element.
+        const field_id = inlineElement.querySelector('select.filtered')?.id;
+        if (field_id) {
+            // Remove any references or event listeners related to the field_id.
+            const fromBox = document.getElementById(field_id + '_from');
+            const toBox = document.getElementById(field_id + '_to');
+            if (fromBox) fromBox.remove();
+            if (toBox) toBox.remove();
+            console.log(`Cleaned up SelectFilter for field_id: ${field_id}`);
+        }
+    });
+    
 }
diff --git a/django/contrib/admin/static/admin/js/autocomplete.js b/django/contrib/admin/static/admin/js/autocomplete.js
index d3daeab890..e052747a90 100644
--- a/django/contrib/admin/static/admin/js/autocomplete.js
+++ b/django/contrib/admin/static/admin/js/autocomplete.js
@@ -30,4 +30,15 @@
     document.addEventListener('formset:added', (event) => {
         $(event.target).find('.admin-autocomplete').djangoAdminSelect2();
     });
+
+    // document.addEventListener('formset:added', function(e) {
+    //     const formId = e.target.id;  // Get the form ID
+    //     const newField = formId.querySelector('select.selectfilter');
+    //     if (newField) {
+    //         const fieldName = newField.dataset.fieldName;
+    //         const isStacked = parseInt(newField.dataset.isStacked, 10);
+    //         SelectFilter.init(newField.id, fieldName, isStacked);
+    //     }
+    // });
+    
 }
diff --git a/django/contrib/admin/static/admin/js/inlines.js b/django/contrib/admin/static/admin/js/inlines.js
index cd3726cf30..6ae0f406a5 100644
--- a/django/contrib/admin/static/admin/js/inlines.js
+++ b/django/contrib/admin/static/admin/js/inlines.js
@@ -159,6 +159,11 @@
                 updateElementIndex($(forms).get(i), options.prefix, i);
                 $(forms.get(i)).find("*").each(updateElementCallback);
             }
+
+            // Reinitialize SelectFilter widgets to ensure proper functionality
+            if (typeof updateSelectFilter === "function") {
+                updateSelectFilter();
+            }
         };
 
         const toggleDeleteButtonVisibility = function(inlineGroup) {
diff --git a/django/contrib/admin/widgets.py b/django/contrib/admin/widgets.py
index 74004a7ba7..29b83634b0 100644
--- a/django/contrib/admin/widgets.py
+++ b/django/contrib/admin/widgets.py
@@ -38,14 +38,16 @@ class FilteredSelectMultiple(forms.SelectMultiple):
         self.verbose_name = verbose_name
         self.is_stacked = is_stacked
         super().__init__(attrs, choices)
-
+    
     def get_context(self, name, value, attrs):
         context = super().get_context(name, value, attrs)
-        context["widget"]["attrs"]["class"] = "selectfilter"
+        widget_attrs = context["widget"]["attrs"]
+        widget_attrs["class"] = "selectfilter"
         if self.is_stacked:
-            context["widget"]["attrs"]["class"] += "stacked"
-        context["widget"]["attrs"]["data-field-name"] = self.verbose_name
-        context["widget"]["attrs"]["data-is-stacked"] = int(self.is_stacked)
+            widget_attrs["class"] += "stacked"
+        widget_attrs["data-field-name"] = self.verbose_name
+        widget_attrs["data-is-stacked"] = int(self.is_stacked)
+        widget_attrs["id"] = attrs.get("id", f"id_{name}")  # Ensure 'id' is set
         return context
 
 

From f2c1baec4411597648e37e57d647d60d5e80ea0d Mon Sep 17 00:00:00 2001
From: DhanyaShah <dhanyasatyenshah@gmail.com>
Date: Fri, 6 Dec 2024 19:11:49 -0500
Subject: [PATCH 3/7] Updated formset remove event listener- creates some sort
 of error but causes filter to reset

---
 django/contrib/admin/static/admin/js/SelectFilter2.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/django/contrib/admin/static/admin/js/SelectFilter2.js b/django/contrib/admin/static/admin/js/SelectFilter2.js
index 74e1655eea..241501376d 100644
--- a/django/contrib/admin/static/admin/js/SelectFilter2.js
+++ b/django/contrib/admin/static/admin/js/SelectFilter2.js
@@ -326,12 +326,14 @@ Requires core.js and SelectBox.js.
     });
 
     document.addEventListener('formset:removed', function(e) {
-        const inlineElement = e.target; // The removed inline element.
-        const field_id = inlineElement.querySelector('select.filtered')?.id;
-        if (field_id) {
-            // Remove any references or event listeners related to the field_id.
+        const inlineElement = e.target;
+        const field = inlineElement.querySelector('select.filtered');
+        if (field) {
+            const field_id = field.id.replace('_from', ''); // Remove '_from' suffix if present
             const fromBox = document.getElementById(field_id + '_from');
             const toBox = document.getElementById(field_id + '_to');
+            
+            // Remove elements if present
             if (fromBox) fromBox.remove();
             if (toBox) toBox.remove();
             console.log(`Cleaned up SelectFilter for field_id: ${field_id}`);

From 2c260eb3b9b4251c3e1b120143276a7cb3e51628 Mon Sep 17 00:00:00 2001
From: Alanna Cao <alannac@andrew.cmu.edu>
Date: Sun, 8 Dec 2024 17:42:46 -0500
Subject: [PATCH 4/7] updated gitignore to ignore env files

---
 .gitignore | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/.gitignore b/.gitignore
index 7b065ff5fc..2ad38ad620 100644
--- a/.gitignore
+++ b/.gitignore
@@ -17,3 +17,7 @@ tests/.coverage*
 build/
 tests/report/
 tests/screenshots/
+venv/
+.venv/
+env/
+.env/
\ No newline at end of file

From a9528e68c86cfddf101de87aff8e6f9738c1cf08 Mon Sep 17 00:00:00 2001
From: Alanna Cao <alannac@andrew.cmu.edu>
Date: Sun, 8 Dec 2024 17:43:38 -0500
Subject: [PATCH 5/7] added js tests to test fix for filtered select multiple
 widget

---
 js_tests/admin/SelectFilter2.test.js | 53 ++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/js_tests/admin/SelectFilter2.test.js b/js_tests/admin/SelectFilter2.test.js
index af227c0c1e..4b521538e3 100644
--- a/js_tests/admin/SelectFilter2.test.js
+++ b/js_tests/admin/SelectFilter2.test.js
@@ -164,3 +164,56 @@ QUnit.test('deselecting option', function(assert) {
         done_left();
     });
 });
+
+QUnit.test('Reinitializes SelectFilter on formset:removed', function (assert) {
+    const $ = django.jQuery;
+
+    // Create inline formset and append it to the fixture
+    const container = $('<div id="formset-container"></div>').appendTo('#qunit-fixture');
+    $('<select id="id_test_select_from" class="filtered"></select>').appendTo(container);
+    $('<select id="id_test_select_to"></select>').appendTo(container);
+
+    // Initialize SelectFilter
+    SelectFilter.init('id_test_select', 'Test Items', 0);
+
+    // Simulate form deletion
+    const event = new Event('formset:removed', { bubbles: true });
+    container[0].dispatchEvent(event);
+
+    // Check if SelectFilter is reinitialized
+    assert.ok(
+        $('#id_test_select_from').length > 0,
+        'The "from" select box exists after reinitialization'
+    );
+    assert.ok(
+        $('#id_test_select_to').length > 0,
+        'The "to" select box exists after reinitialization'
+    );
+});
+
+QUnit.test('Initializes SelectFilter on formset:added', function (assert) {
+    const $ = django.jQuery;
+
+    // Create inline formset and append it to the fixture
+    const container = $('<div id="formset-container"></div>').appendTo('#qunit-fixture');
+    const form = $('<div class="dynamic-form"></div>').appendTo(container);
+    $('<select id="id_new_select_from" class="filtered"></select>').appendTo(form);
+    $('<select id="id_new_select_to"></select>').appendTo(form);
+
+    // Simulate form addition
+    const event = new Event('formset:added', { bubbles: true });
+    form[0].dispatchEvent(event);
+
+    // Initialize SelectFilter for the new select box
+    SelectFilter.init('id_new_select', 'New Test Items', 0);
+
+    // Check if SelectFilter is initialized
+    assert.ok(
+        $('#id_new_select_from').length > 0,
+        'The "from" select box exists after initialization'
+    );
+    assert.ok(
+        $('#id_new_select_to').length > 0,
+        'The "to" select box exists after initialization'
+    );
+});

From 7a4bd305fd241e4842fdde54bf07d95f9d520fb7 Mon Sep 17 00:00:00 2001
From: Alanna Cao <alannac@andrew.cmu.edu>
Date: Sun, 8 Dec 2024 18:04:00 -0500
Subject: [PATCH 6/7] minor edits to widgets.py to satisfy missing attributes
 test case, completed and passing test case for new filtered select
 functionality

---
 .gitignore                                 |   3 +-
 django/contrib/admin/widgets.py            |   4 +
 myproject/admin.py                         |  22 ++++
 myproject/db.sqlite3                       | Bin 0 -> 159744 bytes
 myproject/manage.py                        |  22 ++++
 myproject/models.py                        |  14 +++
 myproject/myapp/__init__.py                |   0
 myproject/myapp/admin.py                   |  22 ++++
 myproject/myapp/apps.py                    |   6 +
 myproject/myapp/migrations/0001_initial.py |  30 +++++
 myproject/myapp/migrations/__init__.py     |   0
 myproject/myapp/models.py                  |  14 +++
 myproject/myapp/tests.py                   |  47 ++++++++
 myproject/myapp/views.py                   |   3 +
 myproject/myproject/__init__.py            |   0
 myproject/myproject/asgi.py                |  16 +++
 myproject/myproject/settings.py            | 129 +++++++++++++++++++++
 myproject/myproject/urls.py                |  27 +++++
 myproject/myproject/wsgi.py                |  16 +++
 19 files changed, 374 insertions(+), 1 deletion(-)
 create mode 100644 myproject/admin.py
 create mode 100644 myproject/db.sqlite3
 create mode 100755 myproject/manage.py
 create mode 100644 myproject/models.py
 create mode 100644 myproject/myapp/__init__.py
 create mode 100644 myproject/myapp/admin.py
 create mode 100644 myproject/myapp/apps.py
 create mode 100644 myproject/myapp/migrations/0001_initial.py
 create mode 100644 myproject/myapp/migrations/__init__.py
 create mode 100644 myproject/myapp/models.py
 create mode 100644 myproject/myapp/tests.py
 create mode 100644 myproject/myapp/views.py
 create mode 100644 myproject/myproject/__init__.py
 create mode 100644 myproject/myproject/asgi.py
 create mode 100644 myproject/myproject/settings.py
 create mode 100644 myproject/myproject/urls.py
 create mode 100644 myproject/myproject/wsgi.py

diff --git a/.gitignore b/.gitignore
index 2ad38ad620..ddb63f12fc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,4 +20,5 @@ tests/screenshots/
 venv/
 .venv/
 env/
-.env/
\ No newline at end of file
+.env/
+myproject/staticfiles
\ No newline at end of file
diff --git a/django/contrib/admin/widgets.py b/django/contrib/admin/widgets.py
index 29b83634b0..d7839cc163 100644
--- a/django/contrib/admin/widgets.py
+++ b/django/contrib/admin/widgets.py
@@ -40,6 +40,10 @@ class FilteredSelectMultiple(forms.SelectMultiple):
         super().__init__(attrs, choices)
     
     def get_context(self, name, value, attrs):
+        if name is None:
+            name = "None"
+        if attrs is None:
+            attrs = {}
         context = super().get_context(name, value, attrs)
         widget_attrs = context["widget"]["attrs"]
         widget_attrs["class"] = "selectfilter"
diff --git a/myproject/admin.py b/myproject/admin.py
new file mode 100644
index 0000000000..02472b0ad5
--- /dev/null
+++ b/myproject/admin.py
@@ -0,0 +1,22 @@
+from django.contrib import admin
+from django.forms import ModelForm
+from django.contrib.admin.widgets import FilteredSelectMultiple
+from .models import ParentModel, ChildModel
+
+class ChildModelForm(ModelForm):
+    class Meta:
+        model = ChildModel
+        fields = '__all__'
+        widgets = {
+            'related_field': FilteredSelectMultiple('Related Items', False),
+        }
+
+class ChildInline(admin.TabularInline):
+    model = ChildModel
+    form = ChildModelForm
+    extra = 1
+
+class ParentModelAdmin(admin.ModelAdmin):
+    inlines = [ChildInline]
+
+admin.site.register(ParentModel, ParentModelAdmin)
diff --git a/myproject/db.sqlite3 b/myproject/db.sqlite3
new file mode 100644
index 0000000000000000000000000000000000000000..0001835f9f6987d6d80d340957afad63f4cb3c9a
GIT binary patch
literal 159744
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
E0W5n9>Hq)$

literal 0
HcmV?d00001

diff --git a/myproject/manage.py b/myproject/manage.py
new file mode 100755
index 0000000000..92bb9a3b2d
--- /dev/null
+++ b/myproject/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+    """Run administrative tasks."""
+    os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'myproject.settings')
+    try:
+        from django.core.management import execute_from_command_line
+    except ImportError as exc:
+        raise ImportError(
+            "Couldn't import Django. Are you sure it's installed and "
+            "available on your PYTHONPATH environment variable? Did you "
+            "forget to activate a virtual environment?"
+        ) from exc
+    execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+    main()
diff --git a/myproject/models.py b/myproject/models.py
new file mode 100644
index 0000000000..3bf205a3bd
--- /dev/null
+++ b/myproject/models.py
@@ -0,0 +1,14 @@
+from django.db import models
+
+class ParentModel(models.Model):
+    name = models.CharField(max_length=255)
+
+    def __str__(self):
+        return self.name
+
+class ChildModel(models.Model):
+    parent = models.ForeignKey(ParentModel, on_delete=models.CASCADE, related_name="children")
+    related_field = models.ManyToManyField(ParentModel, related_name="related_items")
+
+    def __str__(self):
+        return f"Child of {self.parent.name}"
diff --git a/myproject/myapp/__init__.py b/myproject/myapp/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/myproject/myapp/admin.py b/myproject/myapp/admin.py
new file mode 100644
index 0000000000..02472b0ad5
--- /dev/null
+++ b/myproject/myapp/admin.py
@@ -0,0 +1,22 @@
+from django.contrib import admin
+from django.forms import ModelForm
+from django.contrib.admin.widgets import FilteredSelectMultiple
+from .models import ParentModel, ChildModel
+
+class ChildModelForm(ModelForm):
+    class Meta:
+        model = ChildModel
+        fields = '__all__'
+        widgets = {
+            'related_field': FilteredSelectMultiple('Related Items', False),
+        }
+
+class ChildInline(admin.TabularInline):
+    model = ChildModel
+    form = ChildModelForm
+    extra = 1
+
+class ParentModelAdmin(admin.ModelAdmin):
+    inlines = [ChildInline]
+
+admin.site.register(ParentModel, ParentModelAdmin)
diff --git a/myproject/myapp/apps.py b/myproject/myapp/apps.py
new file mode 100644
index 0000000000..c34fb20eb6
--- /dev/null
+++ b/myproject/myapp/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class MyappConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'myapp'
diff --git a/myproject/myapp/migrations/0001_initial.py b/myproject/myapp/migrations/0001_initial.py
new file mode 100644
index 0000000000..577d25b0fb
--- /dev/null
+++ b/myproject/myapp/migrations/0001_initial.py
@@ -0,0 +1,30 @@
+# Generated by Django 5.2.dev20241207001149 on 2024-12-08 21:12
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='ParentModel',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=255)),
+            ],
+        ),
+        migrations.CreateModel(
+            name='ChildModel',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('parent', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='children', to='myapp.parentmodel')),
+                ('related_field', models.ManyToManyField(related_name='related_items', to='myapp.parentmodel')),
+            ],
+        ),
+    ]
diff --git a/myproject/myapp/migrations/__init__.py b/myproject/myapp/migrations/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/myproject/myapp/models.py b/myproject/myapp/models.py
new file mode 100644
index 0000000000..3bf205a3bd
--- /dev/null
+++ b/myproject/myapp/models.py
@@ -0,0 +1,14 @@
+from django.db import models
+
+class ParentModel(models.Model):
+    name = models.CharField(max_length=255)
+
+    def __str__(self):
+        return self.name
+
+class ChildModel(models.Model):
+    parent = models.ForeignKey(ParentModel, on_delete=models.CASCADE, related_name="children")
+    related_field = models.ManyToManyField(ParentModel, related_name="related_items")
+
+    def __str__(self):
+        return f"Child of {self.parent.name}"
diff --git a/myproject/myapp/tests.py b/myproject/myapp/tests.py
new file mode 100644
index 0000000000..232835a661
--- /dev/null
+++ b/myproject/myapp/tests.py
@@ -0,0 +1,47 @@
+from django.test import TestCase
+from django.contrib.admin.widgets import FilteredSelectMultiple
+
+class WidgetContextTests(TestCase):
+    def test_widget_context(self):
+        widget = FilteredSelectMultiple(verbose_name="Test Field", is_stacked=False)
+        context = widget.get_context(name="test", value=None, attrs={"id": "test_id"})
+        widget_attrs = context["widget"]["attrs"]
+
+        self.assertIn("class", widget_attrs)
+        self.assertEqual(widget_attrs["class"], "selectfilter")
+        self.assertEqual(widget_attrs["data-field-name"], "Test Field")
+        self.assertEqual(widget_attrs["data-is-stacked"], 0)
+        self.assertEqual(widget_attrs["id"], "test_id")
+
+    def test_widget_context_stacked(self):
+        widget = FilteredSelectMultiple(verbose_name="Test Field", is_stacked=True)
+        context = widget.get_context(name="test", value=None, attrs={"id": "test_id"})
+        widget_attrs = context["widget"]["attrs"]
+
+        self.assertIn("class", widget_attrs)
+        self.assertEqual(widget_attrs["class"], "selectfilterstacked")
+        self.assertEqual(widget_attrs["data-field-name"], "Test Field")
+        self.assertEqual(widget_attrs["data-is-stacked"], 1)
+        self.assertEqual(widget_attrs["id"], "test_id")
+
+    def test_widget_context_no_attrs(self):
+        widget = FilteredSelectMultiple(verbose_name="Test Field", is_stacked=False)
+        context = widget.get_context(name="test", value=None, attrs={})  # Use empty dict for attrs
+        widget_attrs = context["widget"]["attrs"]
+
+        self.assertIn("class", widget_attrs)
+        self.assertEqual(widget_attrs["class"], "selectfilter")
+        self.assertEqual(widget_attrs["data-field-name"], "Test Field")
+        self.assertEqual(widget_attrs["data-is-stacked"], 0)
+        self.assertEqual(widget_attrs["id"], "id_test")
+
+    def test_widget_context_missing_name_or_attrs(self):
+        widget = FilteredSelectMultiple(verbose_name="Test Field", is_stacked=False)
+
+        # Test with name=None and id not explicitly set
+        context = widget.get_context(name=None, value=None, attrs={})
+        self.assertEqual(context["widget"]["attrs"]["id"], "id_None")  # Default id format for None name
+
+        # Test with attrs=None, expecting it to default to an empty dict
+        context = widget.get_context(name="test", value=None, attrs=None)
+        self.assertEqual(context["widget"]["attrs"]["id"], "id_test")  # Default id format for valid name
diff --git a/myproject/myapp/views.py b/myproject/myapp/views.py
new file mode 100644
index 0000000000..91ea44a218
--- /dev/null
+++ b/myproject/myapp/views.py
@@ -0,0 +1,3 @@
+from django.shortcuts import render
+
+# Create your views here.
diff --git a/myproject/myproject/__init__.py b/myproject/myproject/__init__.py
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/myproject/myproject/asgi.py b/myproject/myproject/asgi.py
new file mode 100644
index 0000000000..63130befdc
--- /dev/null
+++ b/myproject/myproject/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for myproject project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/dev/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'myproject.settings')
+
+application = get_asgi_application()
diff --git a/myproject/myproject/settings.py b/myproject/myproject/settings.py
new file mode 100644
index 0000000000..1cea307a89
--- /dev/null
+++ b/myproject/myproject/settings.py
@@ -0,0 +1,129 @@
+"""
+Django settings for myproject project.
+
+Generated by 'django-admin startproject' using Django 5.2.dev20241207001149.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/dev/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/dev/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+STATIC_ROOT = BASE_DIR / "staticfiles"
+
+STATICFILES_DIRS = [
+    BASE_DIR.parent / "js_tests",  # For the JavaScript tests
+    BASE_DIR.parent / "node_modules",  # Adjust the path for node_modules
+]
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/dev/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-!!3hix%_eqnt@=4-1-jdfv8&&&_nn8x1%0trmaz$03eeu#%yoe'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'myapp',
+]
+
+MIDDLEWARE = [
+    'django.middleware.security.SecurityMiddleware',
+    'django.contrib.sessions.middleware.SessionMiddleware',
+    'django.middleware.common.CommonMiddleware',
+    'django.middleware.csrf.CsrfViewMiddleware',
+    'django.contrib.auth.middleware.AuthenticationMiddleware',
+    'django.contrib.messages.middleware.MessageMiddleware',
+    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'myproject.urls'
+
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [],
+        'APP_DIRS': True,
+        'OPTIONS': {
+            'context_processors': [
+                'django.template.context_processors.request',
+                'django.contrib.auth.context_processors.auth',
+                'django.contrib.messages.context_processors.messages',
+            ],
+        },
+    },
+]
+
+WSGI_APPLICATION = 'myproject.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/dev/ref/settings/#databases
+
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/dev/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+    },
+    {
+        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+    },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/dev/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/dev/howto/static-files/
+
+STATIC_URL = 'static/'
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/dev/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
diff --git a/myproject/myproject/urls.py b/myproject/myproject/urls.py
new file mode 100644
index 0000000000..8c5dbd7d7a
--- /dev/null
+++ b/myproject/myproject/urls.py
@@ -0,0 +1,27 @@
+"""
+URL configuration for myproject project.
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+    https://docs.djangoproject.com/en/dev/topics/http/urls/
+Examples:
+Function views
+    1. Add an import:  from my_app import views
+    2. Add a URL to urlpatterns:  path('', views.home, name='home')
+Class-based views
+    1. Add an import:  from other_app.views import Home
+    2. Add a URL to urlpatterns:  path('', Home.as_view(), name='home')
+Including another URLconf
+    1. Import the include() function: from django.urls import include, path
+    2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path
+from django.conf import settings
+from django.conf.urls.static import static
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+]
+
+if settings.DEBUG:
+    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
diff --git a/myproject/myproject/wsgi.py b/myproject/myproject/wsgi.py
new file mode 100644
index 0000000000..b3f18eed49
--- /dev/null
+++ b/myproject/myproject/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for myproject project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/dev/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'myproject.settings')
+
+application = get_wsgi_application()

From 7af335597bbb9cccea2c4497bdf022761d488dbe Mon Sep 17 00:00:00 2001
From: Alanna Cao <alannac@andrew.cmu.edu>
Date: Sun, 8 Dec 2024 18:24:36 -0500
Subject: [PATCH 7/7] qa with eslint for js files modified during bug fix,
 eslint reported errors all fixed

---
 .../admin/static/admin/js/SelectFilter2.js    |  4 +-
 .../contrib/admin/static/admin/js/inlines.js  |  4 +-
 eslint.config.mjs                             | 70 ++++---------------
 3 files changed, 16 insertions(+), 62 deletions(-)

diff --git a/django/contrib/admin/static/admin/js/SelectFilter2.js b/django/contrib/admin/static/admin/js/SelectFilter2.js
index 241501376d..b4de4a6c4c 100644
--- a/django/contrib/admin/static/admin/js/SelectFilter2.js
+++ b/django/contrib/admin/static/admin/js/SelectFilter2.js
@@ -169,7 +169,7 @@ Requires core.js and SelectBox.js.
             clear_all.addEventListener('click', function(e) {
                 move_selection(e, this, SelectBox.move_all, field_id + '_to', field_id + '_from');
             });
-            warning_footer.addEventListener('click', function(e) {
+            warning_footer.addEventListener('click', function() {
                 filter_selected_input.value = '';
                 SelectBox.filter(field_id + '_to', '');
                 SelectFilter.refresh_filtered_warning(field_id);
@@ -318,7 +318,7 @@ Requires core.js and SelectBox.js.
         }
     };
 
-    window.addEventListener('load', function(e) {
+    window.addEventListener('load', function() {
         document.querySelectorAll('select.selectfilter, select.selectfilterstacked').forEach(function(el) {
             const data = el.dataset;
             SelectFilter.init(el.id, data.fieldName, parseInt(data.isStacked, 10));
diff --git a/django/contrib/admin/static/admin/js/inlines.js b/django/contrib/admin/static/admin/js/inlines.js
index 6ae0f406a5..f2e3f33762 100644
--- a/django/contrib/admin/static/admin/js/inlines.js
+++ b/django/contrib/admin/static/admin/js/inlines.js
@@ -174,7 +174,7 @@
             }
         };
 
-        $this.each(function(i) {
+        $this.each(function() {
             $(this).not("." + options.emptyCssClass).addClass(options.formCssClass);
         });
 
@@ -276,7 +276,7 @@
     // Stacked inlines ---------------------------------------------------------
     $.fn.stackedFormset = function(selector, options) {
         const $rows = $(this);
-        const updateInlineLabel = function(row) {
+        const updateInlineLabel = function() {
             $(selector).find(".inline_label").each(function(i) {
                 const count = i + 1;
                 $(this).html($(this).html().replace(/(#\d+)/g, "#" + count));
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 306adb3aa5..4ffd720428 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,63 +1,17 @@
 import globals from "globals";
-import js from "@eslint/js";
+import pluginJs from "@eslint/js";
 
+/** @type {import('eslint').Linter.Config[]} */
 export default [
-    js.configs.recommended,
-    {
-        files: ["**/*.js"],
-        rules: {
-            "camelcase": ["off", {"properties": "always"}],
-            "comma-spacing": ["error", {"before": false, "after": true}],
-            "curly": ["error", "all"],
-            "dot-notation": ["error", {"allowKeywords": true}],
-            "eqeqeq": ["error"],
-            "indent": ["error", 4],
-            "key-spacing": ["error", {"beforeColon": false, "afterColon": true}],
-            "linebreak-style": ["error", "unix"],
-            "new-cap": ["off", {"newIsCap": true, "capIsNew": true}],
-            "no-alert": ["off"],
-            "no-eval": ["error"],
-            "no-extend-native": ["error", {"exceptions": ["Date", "String"]}],
-            "no-multi-spaces": ["error"],
-            "no-octal-escape": ["error"],
-            "no-script-url": ["error"],
-            "no-shadow": ["error", {"hoist": "functions"}],
-            "no-underscore-dangle": ["error"],
-            "no-unused-vars": ["error", {"vars": "local", "args": "none"}],
-            "no-var": ["error"],
-            "prefer-const": ["error"],
-            "quotes": ["off", "single"],
-            "semi": ["error", "always"],
-            "space-before-blocks": ["error", "always"],
-            "space-before-function-paren": ["error", {"anonymous": "never", "named": "never"}],
-            "space-infix-ops": ["error", {"int32Hint": false}],
-            "strict": ["error", "global"]
-        },
-        languageOptions: {
-            ecmaVersion: 6,
-            sourceType: "script",
-            globals: {
-                ...globals.browser,
-                ...globals.commonjs,
-                "django": false
-            }
-        }
+  // Include browser globals (e.g., window, document) and node globals if needed
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser, // Adds browser-specific globals like window, document
+        django: "readonly", // Declares django as a global variable
+        updateSelectFilter: "readonly", // Declares updateSelectFilter as a global variable
+      },
     },
-    {
-        files: ["**/*.mjs"],
-        languageOptions: {
-            sourceType: "module"
-        }
-    },
-    {
-        ignores: [
-            "**/*.min.js",
-            "**/vendor/**/*.js",
-            "django/contrib/gis/templates/**/*.js",
-            "django/views/templates/*.js",
-            "docs/_build/**/*.js",
-            "node_modules/**.js",
-            "tests/**/*.js",
-        ]
-    }
+  },
+  pluginJs.configs.recommended, // Use recommended JavaScript rules
 ];