uber_select_rails 1.0.1 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d51d24fdd5654b3bb38de1b77cf390a1f358154825fe7c99a542eff6826b2c2a
-  data.tar.gz: c643f0571b53b9872ddb77cf323012c2627527d8eb82a132a7f970936bb596ef
+  metadata.gz: 319a0fff993d0b4459b4942a5a1081ec6a7ac0283a02a4f993a512ebe078c96c
+  data.tar.gz: 9c655d2f4378e657f0a392e40c8d67c59ac183fd6624c760f69fca23039637b1
 SHA512:
-  metadata.gz: 6b85d2aa32eed2569c9fc206fdf779ba65ab7eeeddabb8abfacc4ff67fce5c847de80429b346a8747d34dd7f0affd43de8d75e142401693fd7bfea672d829462
-  data.tar.gz: e835ce7e9b51b1cc668b1fed8e3ecfbdc5f59cd240160525296236703fa9376b61a6b7efb820a2b55df92244a8605b0d5805a881e8bb186ef7ba84aa15ca4af3
+  metadata.gz: f98ff711d2dd822ca3c7f96312297bfb7a06197a92c66887c47b7760cf4c3d1319324af88a95ff096aa2f3dd33e39d37280a1f84a9276eebfd02df1ef5fd7775
+  data.tar.gz: c14751aceaa501a9e0387ac8c2ab043ce384cdd9b44eee5903145a931d9fc7fc6950d2b74d0f70a35bf5b49f225a656729c6713bffe3aff319135134459d0fe6

data/lib/uber_select_rails/version.rb

@@ -1,3 +1,3 @@
 module UberSelectRails
-  VERSION = "1.0.1"
+  VERSION = "1.0.2"
 end

data/vendor/assets/javascript/uber_select/javascript/uber_search/list.js

@@ -124,6 +124,8 @@
       return results().filter('.highlighted')
     }
 
+    this.highlightedResult = highlightedResult
+
     function selectableResults(){
       return visibleResults().not('.disabled')
     }

data/vendor/assets/javascript/uber_select/javascript/uber_search/search.js

@@ -57,6 +57,15 @@
       $(context).trigger('inputDownArrow')
     })
 
+    // Handle ENTER key in search input
+    $(queryInput).on('querySubmit', function() {
+      var highlightedResult = list.highlightedResult()
+      
+      if (highlightedResult.length) {
+        highlightedResult.click()
+      }
+    })
+
     $(model).on('resultsUpdated', function(){
       context.renderResults()
     })

data/vendor/assets/javascript/uber_select/javascript/uber_search/search_field.js

@@ -43,10 +43,10 @@
       triggerEvent('clear')
     })
 
-    // When the enter button is pressed
     input.on('keydown', function(event){
-      if (event.which == 13){
+      if (event.which == 13){ // When the enter button is pressed
         triggerEvent('querySubmit')
+        return false;
       }
 
       if (event.which == 38) { // Up Arrow

data/vendor/assets/javascript/uber_select/javascript/uber_search.js

@@ -89,8 +89,11 @@
       } else if (index < 0) {
         setOutputContainerAria("aria-activedescendant", "")
         $(outputContainer.view).focus()
-      } else {
+      } else if (result) {
+        // Check if result exists (e.g., when pressing down on the last item, result will be undefined)
         setOutputContainerAria("aria-activedescendant", result.id)
+      } else {
+        setOutputContainerAria("aria-activedescendant", "")
       }
     })
 

data/vendor/assets/javascript/uber_select/test.html

@@ -259,6 +259,20 @@
   <p>This example has an option with a <code>title</code> attribute that should show as a tooltip.</p>
 </span>
 
+<span class="example">
+  <label for="select">
+  Form ENTER handling (should not submit form)
+  </label>
+  <form onsubmit="alert('Form submitted! This should NOT happen when pressing ENTER in the search field.'); return false;">
+    <select placeholder="Choose a gender">
+      <option></option>
+      <option>male</option>
+      <option>female</option>
+    </select>
+    <button type="submit">Submit Form</button>
+  </form>
+</span>
+
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <script src="javascript/uber_search.js"></script>
 <script src="javascript/uber_search/search_field.js"></script>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: uber_select_rails
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.0.2
 platform: ruby
 authors:
 - Nicholas Jakobsen