Fix search box width issue for firefox. EMC-330

NERC-CEH · Nov 15, 2024 · 672f432 · 672f432
1 parent 73018f3
commit 672f432
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/web/src/search/src/views/FacetsPanelView.js b/web/src/search/src/views/FacetsPanelView.js
@@ -16,7 +16,10 @@ export default Backbone.View.extend({
     if (!searchFacets.data('select2')) {
       searchFacets.select2({
         theme: 'bootstrap-5',
-        width: '100%',
+        width: () => {
+          const userAgent = navigator.userAgent.toLowerCase()
+          return (userAgent.indexOf('firefox') > -1) ? '97%' : '99%'
+        },
         selectionCssClass: 'select2--large',
         dropdownCssClass: 'select2--large',
         templateSelection: e => { return e.text.split(' (')[0] }