From 1b295964e4eadd367b52f24ac41565b3dea0a259 Mon Sep 17 00:00:00 2001
From: Paul Osinski <posinski34@gmail.com>
Date: Mon, 17 Aug 2026 16:02:46 -0400
Subject: [PATCH] update regulations form

---
 dojo/templates/dojo/edit_product.html         | 4 ++++
 dojo/templates/dojo/new_product.html          | 4 ++++
 dojo/templates_classic/dojo/edit_product.html | 6 ++++++
 dojo/templates_classic/dojo/new_product.html  | 6 ++++++
 4 files changed, 20 insertions(+)

diff --git a/dojo/templates/dojo/edit_product.html b/dojo/templates/dojo/edit_product.html
index 0ea8437f513..0aa6f8ad947 100644
--- a/dojo/templates/dojo/edit_product.html
+++ b/dojo/templates/dojo/edit_product.html
@@ -32,6 +32,10 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+          $('#id_regulations').select2({
+              placeholder: 'Select applicable regulations',
+              width: '100%'
+          });
           $("textarea").each(function (index, elem) {
               if (elem.hasAttribute("required")) {
                   elem.removeAttribute("required");
diff --git a/dojo/templates/dojo/new_product.html b/dojo/templates/dojo/new_product.html
index 1d7140b8290..2c6d017b374 100644
--- a/dojo/templates/dojo/new_product.html
+++ b/dojo/templates/dojo/new_product.html
@@ -32,6 +32,10 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+            $('#id_regulations').select2({
+                placeholder: 'Select applicable regulations',
+                width: '100%'
+            });
             $("textarea").each(function (index, elem) {
                 if (elem.hasAttribute("required")) {
                     elem.removeAttribute("required");
diff --git a/dojo/templates_classic/dojo/edit_product.html b/dojo/templates_classic/dojo/edit_product.html
index 569e47b2b7c..a0d5ef86fe7 100644
--- a/dojo/templates_classic/dojo/edit_product.html
+++ b/dojo/templates_classic/dojo/edit_product.html
@@ -44,6 +44,12 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+          // base.html turns every <select> into a bootstrap-select; swap this
+          // one for select2 so multi-selection shows as removable pills
+          $('#id_regulations').selectpicker('destroy').select2({
+              placeholder: 'Select applicable regulations',
+              width: '70%'
+          });
           $("textarea").each(function (index, elem) {
               if (elem.hasAttribute("required")) {
                   elem.removeAttribute("required");
diff --git a/dojo/templates_classic/dojo/new_product.html b/dojo/templates_classic/dojo/new_product.html
index 6eba8e661e8..07925c6aac4 100644
--- a/dojo/templates_classic/dojo/new_product.html
+++ b/dojo/templates_classic/dojo/new_product.html
@@ -41,6 +41,12 @@ <h4> Github </h4>
     <script type="application/javascript" src="{% static "easymde/dist/easymde.min.js" %}"></script>
     <script type="application/javascript">
         $(function () {
+            // base.html turns every <select> into a bootstrap-select; swap this
+            // one for select2 so multi-selection shows as removable pills
+            $('#id_regulations').selectpicker('destroy').select2({
+                placeholder: 'Select applicable regulations',
+                width: '70%'
+            });
             $("textarea").each(function (index, elem) {
                 if (elem.hasAttribute("required")) {
                     elem.removeAttribute("required");