Fix filtering when locking in selection (#98)

Closes #94

app/assets/javascripts/hw_combobox/models/combobox/filtering.js

@@ -43,6 +43,8 @@ Combobox.Filtering = Base => class extends Base {
       this._selectNew()
     } else if (isDeleteEvent(event)) {
       this._deselect()
+    } else if (event.inputType === "hw:lockInSelection") {
+      this._select(this._ensurableOption)
     } else if (this._isOpen) {
       this._select(this._visibleOptionElements[0])
     }

test/dummy/app/controllers/comboboxes_controller.rb

@@ -63,6 +63,9 @@ def custom_events
   def custom_attrs
   end
 
+  def conflicting_order
+  end
+
   private
     delegate :combobox_options, :html_combobox_options, to: "ApplicationController.helpers", private: true
 

test/dummy/app/views/comboboxes/conflicting_order.html.erb

@@ -0,0 +1 @@
+<%= combobox_tag :conflict, %w[ A1 A A2 A3 ], id: "conflicting-order" %>

test/dummy/config/routes.rb

@@ -19,6 +19,7 @@
   get "include_blank", to: "comboboxes#include_blank"
   get "custom_events", to: "comboboxes#custom_events"
   get "custom_attrs", to: "comboboxes#custom_attrs"
+  get "conflicting_order", to: "comboboxes#conflicting_order"
 
   resources :movies, only: %i[ index update ]
   get "movies_html", to: "movies#index_html"

test/system/hotwire_combobox_test.rb

@@ -746,6 +746,14 @@ class HotwireComboboxTest < ApplicationSystemTestCase
     assert_combobox_display_and_value "#movie-field", "A Few Good Men", movies(:a_few_good_men).id
   end
 
+  test "selection with conflicting order" do
+    visit conflicting_order_path
+
+    open_combobox "#conflicting-order"
+    click_on_option "A"
+    assert_combobox_display_and_value "#conflicting-order", "A", "A"
+  end
+
   private
     def open_combobox(selector)
       find(selector).click
@@ -763,7 +771,7 @@ def delete_from_combobox(selector, text, original:)
     end
 
     def click_on_option(text)
-      find("li[role=option]", text: text).click
+      find("li[role=option]", exact_text: text).click
     end
 
     def clear_autocompleted_portion(selector)