uber_select_rails 1.0.0 → 1.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4e848d17e956bbe5c52f9f7e299e47cc2cb296755ae8ce7cbf94877b5a4857ca
-  data.tar.gz: 87fdd8c564c2960b8d20015245aeb48b28b8c2ee7b7e12e42fd393eb49ebaeec
+  metadata.gz: 319a0fff993d0b4459b4942a5a1081ec6a7ac0283a02a4f993a512ebe078c96c
+  data.tar.gz: 9c655d2f4378e657f0a392e40c8d67c59ac183fd6624c760f69fca23039637b1
 SHA512:
-  metadata.gz: 4500a0a600213b393da36f7676deee006ddd301f4f258d336017e2d0260182615da1a75ccda716f231049e357049a23a25b1b26a88597d844f39423babb202b7
-  data.tar.gz: 38d0c07a95368fcdaaa6d3338f21e572a846cf70142353e2a1ec365e6f4a9222c3ac060cd1cca6a4321b4aa1866b62421c3b1ab887e148a89801497975cda09b
+  metadata.gz: f98ff711d2dd822ca3c7f96312297bfb7a06197a92c66887c47b7760cf4c3d1319324af88a95ff096aa2f3dd33e39d37280a1f84a9276eebfd02df1ef5fd7775
+  data.tar.gz: c14751aceaa501a9e0387ac8c2ab043ce384cdd9b44eee5903145a931d9fc7fc6950d2b74d0f70a35bf5b49f225a656729c6713bffe3aff319135134459d0fe6

data/lib/uber_select_rails/version.rb

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

data/vendor/assets/javascript/uber_select/javascript/jquery.uber-select.js

@@ -139,8 +139,8 @@
         var index = select.selectedIndex
 
         if (index == undefined) { return }
-
         uberSearch.searchField.input.val($(select).find('option').eq(index).text())
+        uberSearch.searchField.input.select() // Select the text so the user can start typing over it without having to clear
         uberSearch.searchField.refresh()
       }
 

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

@@ -32,12 +32,18 @@
     })
 
     // When a list item is hovered
-    $(view).on('mouseenter focus', '.result:not(.disabled)', function(){
+    $(view).on('mouseenter', '.result:not(.disabled)', function(){
       if ($(this).hasClass('highlighted')) { return }
       unhighlightResults()
-      highlightResult(this, {scroll: false})
+      highlightResult(this, {scroll: false, focus: false})
     })
 
+    // When a list item receives focus from keyboard
+    $(view).on('focus', '.result:not(.disabled)', function(){
+      if ($(this).hasClass('highlighted')) { return }
+      unhighlightResults()
+      highlightResult(this, { scroll: true, focus: false })
+    })
 
     // HELPER FUNCTIONS
 
@@ -118,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.0
+  version: 1.0.2
 platform: ruby
 authors:
 - Nicholas Jakobsen