Define fixed width for auto-complete dropdown

2018-10-01 17:10:29 -07:00
parent eed3256824
commit 1db83cddd0
4 changed files with 4 additions and 3 deletions
--- a/assets/css/app.min.css
+++ b/assets/css/app.min.css
--- a/assets/js/app.min.js
+++ b/assets/js/app.min.js
--- a/assets/js/components/select-dropdown-autocomplete.js
+++ b/assets/js/components/select-dropdown-autocomplete.js
@@ -265,7 +265,6 @@ KB.component('select-dropdown-autocomplete', function(containerElement, options)
            .attr('type', 'text')
            .attr('placeholder', getPlaceholderValue())
            .addClass('select-dropdown-input')
-            .style('width', (containerElement.offsetWidth - 30) + 'px')
            .on('focus', toggleDropdownMenu)
            .on('input', onInputChanged, true)
            .build();
--- a/assets/sass/_select_dropdown.sass
+++ b/assets/sass/_select_dropdown.sass
@@ -33,10 +33,12 @@
  border: 1px solid #ccc
  border-radius: 5px
  background-color: #fff
+  width: 300px
  input.select-dropdown-input
    margin: 0 0 0 5px
    border: none
    height: 23px
+    width: 270px
    &:focus
      border: none
      box-shadow: none