beyond-rails 0.0.231 → 0.0.232

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 776e10e5717c1ba85ad7924f5dd0e177a8e3814d849798574d2feff163b34dfe
-  data.tar.gz: 12f8e4062b55a088d827946dfaa7fc379065faa8290586a778d3073ef7288638
+  metadata.gz: 2b9562fcd46c8ebb8eb393ebbde56ddc3ace49fc91dc072c864586b7efa9c7f7
+  data.tar.gz: 5e2ff6d2ad3c8f5df2eb4a3ee3ec81dd2edcd50149a3e957d8dba12ad4ac6077
 SHA512:
-  metadata.gz: ddbb71238f923642fd41e4bdd195051b26c55c4f7f20a4ea6c3af1d27904f1704405b7e540c85b5f24c24d0ecf5ab96ad810b8e7f44c3af06c204dcfaca734cb
-  data.tar.gz: c990592736a42d15e7f07bb5f0e745963de9b1bf134f4a32ab9cbf1951d01e7bd4334d76f6ac5eae698416ae434a03c358d1a4946fd5392181a92891996c154d
+  metadata.gz: 2d856bb1e158d85d71618b26d0cde2d5bab43a9cdad0cc27f4175b400bcb19ab47274609b9b5b6e6e22c7664db7aeb035b6b7db9b91ffb84e915ddfd761d1838
+  data.tar.gz: 4205d83e358f13508a52f1ed92b41aef10bf684fcc9f86ce3bb0543dc4393ee838c9dfe6ba679dc1ec5f269768a6f9f6d352d7e523ba9dd09d14d449df1b8358

data/src/js/components/SearchDropdown.js

@@ -20,8 +20,11 @@ export default class SearchDropdown {
     this.options.itemClick = options.itemClick || itemClick
     this.options.change = options.change || noop
     this.options.wait = options.wait || 50
-    this.place = 'bottom'
-    this.align = 'left'
+    this.place = options.place || 'bottom'
+    this.align = options.align || 'left'
+    this.offset = options.offset || 14
+    this.offsetTop = options.offsetTop || 0
+    this.offsetLeft = options.offsetLeft || 0
     this.isMenuVisible = false
     this.lastKeyword = null
     this.selectedIndex = 0
@@ -53,7 +56,16 @@ export default class SearchDropdown {
   }
 
   appendMenu() {
+
     const menu = document.createElement('div')
+    const { dataset } = menu
+
+    dataset.place = this.place
+    dataset.align = this.align
+    dataset.offset = this.offset
+    dataset.offsetTop = this.offsetTop
+    dataset.offsetLeft = this.offsetLeft
+
     menu.className = 'search-dropdown dropdown-menu'
 
     const inputWrap = document.createElement('div')
@@ -100,15 +112,19 @@ export default class SearchDropdown {
   showMenu() {
     const { input, menu } = this
     this.getData(input.value)
+
     menu.style.display = 'block'
     menu.style.opacity = 0
     menu.style.transform = 'scale(.8)'
     document.body.appendChild(menu)
-    this.adjustMenuPos()
-    menu.style.transform = 'scale(1)'
-    menu.style.opacity = 1
-    this.isMenuVisible = true
-    this.input.focus()
+
+    setTimeout(() => {
+      this.adjustMenuPos()
+      menu.style.transform = 'scale(1)'
+      menu.style.opacity = 1
+      this.isMenuVisible = true
+      this.input.focus()
+    }, 0)
   }
 
   toggleMenu() {
@@ -116,22 +132,18 @@ export default class SearchDropdown {
   }
 
   adjustMenuPos() {
-    const { menu, dom } = this
-    const { dataset } = menu
-    const offsetLeft = ('offsetLeft' in dataset) ? parseInt(dataset.offsetLeft, 10) : 0
-    const offsetTop = ('offsetTop' in dataset) ? parseInt(dataset.offsetTop, 10) : 0
-
+    const { menu, dom, offset, offsetLeft, offsetTop } = this
     const { pos, place, align } = getFloatedTargetPos({
       src: dom,
       target: menu,
       place: this.place,
       align: this.align,
-      offset: parseInt(dom.dataset.offset, 10) || 14,
+      offset,
       offsetLeft,
       offsetTop
     })
-    dataset.place = place
-    dataset.align = align
+    menu.dataset.place = place
+    menu.dataset.align = align
     menu.style.left = toPixel(pos.left)
     menu.style.top = toPixel(pos.top)
   }

data/src/js/components/TagInput.js

@@ -1,5 +1,4 @@
 import raf from '../utils/raf'
-import isStr from '../utils/isStr'
 import supportDom from '../decorators/supportDom'
 import getKey from '../utils/getKey'
 

data/src/sass/components/_search-dropdown.scss

@@ -1,4 +1,5 @@
 .search-dropdown.dropdown-menu {
+  width: 420px;
   padding: 0;
   .search-dropdown-input-wrap {
     padding: 14px;
@@ -26,8 +27,5 @@
       color: #6772e5;
       margin-right: .7em;
     }
-    > span {
-      max-width: 420px;
-    }
   }
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.231
+  version: 0.0.232
 platform: ruby
 authors:
 - kmsheng
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-13 00:00:00.000000000 Z
+date: 2020-10-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sassc