update plugin with custom style

.gitignore

@@ -1,2 +1,3 @@
 .DS_Store
-bower_components
+bower_components
+*/node_modules

lib/Gruntfile.js

@@ -0,0 +1,41 @@
+/*jshint node: true */
+
+module.exports = function (grunt) {
+
+  'use strict';
+
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-contrib-connect');
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+
+    uglify: {
+      options: {
+        banner:
+          '/*! <%= pkg.name %> - v<%= pkg.version %> - ' +
+          '<%= grunt.template.today("yyyy-mm-dd") %> */',
+        sourceMap: 'jquery.textcomplete.min.map'
+      },
+      all: {
+        files: {
+          'jquery.textcomplete.min.js': [
+            'jquery.textcomplete.js'
+          ]
+        }
+      }
+    },
+
+    connect: {
+      server: {
+        options: {
+          port: 8000,
+          base: '../',
+          keepalive: true
+        }
+      }
+    }
+  });
+
+  grunt.registerTask('default', ['connect']);
+};

lib/jquery.textcomplete.js

@@ -121,7 +121,7 @@
       },
       list: {
         position: 'absolute',
-        top: 0,
+        bottom: 0,
         left: 0,
         zIndex: '100',
         display: 'none'
@@ -256,15 +256,19 @@
           position: 'absolute',
           overflow: 'auto',
           'white-space': 'pre-wrap',
-          top: 0,
+          bottom: 0,
           left: -9999
         }, getStyles(this.$el, properties));
 
         $div = $('<div></div>').css(css).text(this.getTextFromHeadToCaret());
         $span = $('<span></span>').text('&nbsp;').appendTo($div);
         this.$el.before($div);
         position = $span.position();
-        position.top += $span.height() - this.$el.scrollTop();
+
+        delete position.top;
+        position.bottom = 0;
+
+        position.bottom += 2*$span.height() + this.$el.scrollTop();
         $div.remove();
         return position;
       },
@@ -461,4 +465,4 @@
     return this;
   };
 
-})(window.jQuery || window.Zepto);
+})(window.jQuery || window.Zepto);