fixed the sapi_solr search autocompletewith synonyms

web/modules/custom/materio_sapi/src/Controller/FormAutocomplete.php

@@ -38,7 +38,7 @@ class FormAutocomplete extends ControllerBase {
 
       // Set fulltext search keywords and fields.
       $query->keys($typed_string);
-      $query->setFulltextFields(['name', 'synonyms']);
+      $query->setFulltextFields(['name', 'field_synonyms']);
 
       // Set additional conditions.
       $query->addCondition('status', 1);
@@ -49,7 +49,7 @@ class FormAutocomplete extends ControllerBase {
       $query->setLanguages([$lang]);
 
       // Do paging.
-      $query->range(0, 10);
+      $query->range(0, 15);
 
       // Add sorting.
       $query->sort('search_api_relevance', 'DESC');

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -733,6 +733,25 @@ header[role="banner"]{
 }
 
 
+ul.ui-menu.ui-widget-content.ui-autocomplete {
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 5px;
+  border: none;
+  padding: 0.3em 0.2em;
+  a.ui-menu-item-wrapper{
+    color: #fff;
+    padding:0.1em 0.1em;
+    display: block;
+    &.ui-state-active{
+      background: none;
+      border: none;
+      color:#fff;
+      background-color: rgba(0, 0, 0, 0.9);
+
+    }
+  }
+}
+
 
 // main
 aside.messages{