Making ul element the root of filter_selectors directive, so resolve issue with using ng-repeat element as root of a replacement directive

app/assets/javascripts/templates/filter_selector.html.haml

@@ -1,4 +1,4 @@
-%div{bindonce:true, style: "display: inline-block" }
+%ul{ bindonce: true }
   %active-selector{ ng: { repeat: "selector in allSelectors", show: "ifDefined(selector.fits, true)" } }
     %render-svg{path: "{{selector.object.icon}}", ng: { if: "selector.object.icon"} }
     %span{"bo-text" => "selector.object.name"}

app/assets/javascripts/templates/product_modal.html.haml

@@ -9,12 +9,10 @@
     %br
 
     .filter-shopfront.taxon-selectors.inline-block
-      %ul
-        %filter-selector{ objects: "[product] | taxonsOf" }
+      %filter-selector{ objects: "[product] | taxonsOf" }
 
     .filter-shopfront.property-selectors.inline-block
-      %ul
-        %filter-selector{ objects: "[product] | propertiesWithValuesOf" }
+      %filter-selector{ objects: "[product] | propertiesWithValuesOf" }
 
     %div{"ng-if" => "product.description"}
       %hr

app/assets/javascripts/templates/single_line_selectors.html.haml

@@ -1,7 +1,7 @@
-%ul
-  -# In order for the single-line-selector scope to have access to the available selectors,
-  %filter-selector{objects: "objects()", "active-selectors" => "activeSelectors", "all-selectors" => "allSelectors" }
+-# In order for the single-line-selector scope to have access to the available selectors,
+%filter-selector{objects: "objects()", "active-selectors" => "activeSelectors", "all-selectors" => "allSelectors" }
 
+%ul
   %li.more{ ng: { show: "overFlowSelectors().length > 0 || fitting" } }
     %a.dropdown{ data: { dropdown: "{{ 'show-more-' + selectorName }}" }, ng: { class: "{active: selectedOverFlowSelectors().length > 0}" } }
       %span