Fix Tom Select input wrapping and restore arrow icon

contao/templates/frontend/event_filter.html.twig

@@ -83,27 +83,17 @@
     }
 
     #eventfilters .ts-wrapper.single .ts-control {
-        position: relative;
+        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
+        background-repeat: no-repeat;
+        background-position: right 0.75rem center;
+        background-size: 16px 12px;
         padding-right: 2rem;
     }
 
-    #eventfilters .ts-wrapper.single .ts-control::after {
+    #eventfilters .ts-wrapper.single .ts-control > input {
-        content: '';
+        width: auto !important;
-        position: absolute;
+        min-width: 0 !important;
-        right: 0.75rem;
+        flex: 0 0 auto;
-        top: 50%;
-        width: 0;
-        height: 0;
-        border-left: 0.3rem solid transparent;
-        border-right: 0.3rem solid transparent;
-        border-top: 0.4rem solid currentColor;
-        transform: translateY(-30%);
-        pointer-events: none;
-        opacity: 0.7;
-    }
-
-    #eventfilters .ts-wrapper.single.dropdown-active .ts-control::after {
-        transform: translateY(-65%) rotate(180deg);
     }
 
 </style>
@@ -153,17 +143,6 @@
                 field: 'text',
                 direction: 'asc',
             },
-            onInitialize() {
-                if (!this.control_input) {
-                    return;
-                }
-
-                this.control_input.setAttribute('autocomplete', 'off');
-                this.control_input.setAttribute('autocorrect', 'off');
-                this.control_input.setAttribute('autocapitalize', 'off');
-                this.control_input.setAttribute('spellcheck', 'false');
-                this.control_input.setAttribute('name', `${selectElement.id}-ts-input`);
-            },
         });
     };