Update project version

Author: yongzhenlow

README.md

@@ -1,4 +1,4 @@
-jquery.email-autocomplete.js v0.1.0
+jquery.email-autocomplete.js v0.1.1
 =========
 
 [![Build Status](https://travis-ci.org/10w042/email-autocomplete.svg?branch=master)](https://travis-ci.org/10w042/email-autocomplete)
@@ -20,26 +20,29 @@ See a live demo [here](http://10w042.github.io/email-autocomplete/demo/).
 
 Installation
 ------------
+#####Bower
+`bower install email-autocomplete --save`
 
-To use, download the minified library into your javascripts directory. jquery.email-autocomplete.js is also available unminimized.
+#####Manual
+Download or clone this repo and copy `dist/jquery.email-autocomplete.min.js` into your javascripts directory.
 
 Usage (jQuery)
 -----------------
 
-Include jQuery and Email Autocomplete into your HTML.
+Just add `jquery.email-autocomplete.min.js` into your HTML, before your closing </body>.
 
 ```html
 <script src="jquery.min.js"></script>
 <script src="jquery.email-autocomplete.min.js"></script>
 ```
 
-You should have a text field.
+You should also have a email input field.
 
 ```html
 <input id="email" name="email" type="email" />
 ```
 
-Now, attach the plugin to the text field.
+Now, attach the plugin to the email input field.
 
 ```html
 <script>
@@ -53,11 +56,11 @@ $("#email").emailautocomplete({
 Styling
 -----------------
 
-Use the following CSS to style the suggestion text color
+Use the following CSS to style the suggestion text color. Remember to update the classname if you've changed it to a custom one.
 
 ```css
-.eac-sugg{
-  color:#ccc;
+.eac-sugg {
+  color: #ccc;
 }
 ```
 
@@ -94,12 +97,12 @@ Author
 License
 -------
 
-Copyright (c) 2014
+Copyright (c) 2016
 
 Licensed under the MIT License.
 
 
 Known Issues:
 ----------------
 
-- On android stock browser, if "Settings > Accessibility > Scale text up and down" value is not at 100%, text width is unabled to be retrieved correctly.
+- On android stock browser, if "Settings > Accessibility > Scale text up and down" value is not at 100%, text width is unabled to be retrieved correctly.

demo/js/jquery.email-autocomplete.js

@@ -1,10 +1,9 @@
 /*
- *  jQuery Email Autocomplete - v0.0.2
- *  A jQuery plugin that suggests and autocompletes the domain in email fields.
- *  https://github.com/yzlow/email-autocomplete
+ *  email-autocomplete - 0.1.1
+ *  jQuery plugin that displays in-place autocomplete suggestions for email input fields.
+ *  
  *
- *  Made by Low Yong Zhen <[email protected]>
- *  Under MIT License < http://yzlow.mit-license.org>
+ *  Made by Low Yong Zhen <[email protected]> 
  */
 "use strict";
 
@@ -16,29 +15,29 @@
     domains: ["yahoo.com" ,"hotmail.com" ,"gmail.com" ,"me.com" ,"aol.com" ,"mac.com" ,"live.com" ,"comcast.net" ,"googlemail.com" ,"msn.com" ,"hotmail.co.uk" ,"yahoo.co.uk" ,"facebook.com" ,"verizon.net" ,"sbcglobal.net" ,"att.net" ,"gmx.com" ,"outlook.com" ,"icloud.com"]
   };
 
-  function Plugin(elem, options) {
+  function EmailAutocomplete(elem, options) {
     this.$field = $(elem);
     this.options = $.extend(true, {}, defaults, options); //we want deep extend
     this._defaults = defaults;
     this._domains = this.options.domains;
     this.init();
   }
 
-  Plugin.prototype = {
+  EmailAutocomplete.prototype = {
     init: function () {
 
       //shim indexOf
       if (!Array.prototype.indexOf) {
         this.doIndexOf();
       }
 
-      //get input padding,border and margin to offset text
-      this.fieldLeftOffset = (this.$field.outerWidth(true) - this.$field.width()) / 2;
+      //this will be calculated upon keyup
+      this.fieldLeftOffset = null;
 
       //wrap our field
       var $wrap = $("<div class='eac-input-wrap' />").css({
         display: this.$field.css("display"),
-        position: "relative",
+        position: this.$field.css("position") === 'static' ? 'relative' : this.$field.css("position"),
         fontSize: this.$field.css("fontSize")
       });
       this.$field.wrap($wrap);
@@ -126,6 +125,11 @@
       this.$suggOverlay.text(this.suggestion);
       this.$cval.text(this.val);
 
+      // get input padding, border and margin to offset text
+      if(this.fieldLeftOffset === null){
+        this.fieldLeftOffset = (this.$field.outerWidth(true) - this.$field.width()) / 2;
+      }
+
       //find width of current input val so we can offset the suggestion text
       var cvalWidth = this.$cval.width();
 
@@ -175,9 +179,9 @@
   $.fn[pluginName] = function (options) {
     return this.each(function () {
       if (!$.data(this, "yz_" + pluginName)) {
-        $.data(this, "yz_" + pluginName, new Plugin(this, options));
+        $.data(this, "yz_" + pluginName, new EmailAutocomplete(this, options));
       }
     });
   };
 
-})(jQuery, window, document);
+})(jQuery, window, document);

dist/jquery.email-autocomplete.js

@@ -1,10 +1,9 @@
 /*
- *  jQuery Email Autocomplete - v0.0.2
- *  A jQuery plugin that suggests and autocompletes the domain in email fields.
- *  https://github.com/yzlow/email-autocomplete
+ *  email-autocomplete - 0.1.1
+ *  jQuery plugin that displays in-place autocomplete suggestions for email input fields.
+ *  
  *
- *  Made by Low Yong Zhen <[email protected]>
- *  Under MIT License < http://yzlow.mit-license.org>
+ *  Made by Low Yong Zhen <[email protected]> 
  */
 "use strict";
 
@@ -16,29 +15,29 @@
     domains: ["yahoo.com" ,"hotmail.com" ,"gmail.com" ,"me.com" ,"aol.com" ,"mac.com" ,"live.com" ,"comcast.net" ,"googlemail.com" ,"msn.com" ,"hotmail.co.uk" ,"yahoo.co.uk" ,"facebook.com" ,"verizon.net" ,"sbcglobal.net" ,"att.net" ,"gmx.com" ,"outlook.com" ,"icloud.com"]
   };
 
-  function Plugin(elem, options) {
+  function EmailAutocomplete(elem, options) {
     this.$field = $(elem);
     this.options = $.extend(true, {}, defaults, options); //we want deep extend
     this._defaults = defaults;
     this._domains = this.options.domains;
     this.init();
   }
 
-  Plugin.prototype = {
+  EmailAutocomplete.prototype = {
     init: function () {
 
       //shim indexOf
       if (!Array.prototype.indexOf) {
         this.doIndexOf();
       }
 
-      //get input padding,border and margin to offset text
-      this.fieldLeftOffset = (this.$field.outerWidth(true) - this.$field.width()) / 2;
+      //this will be calculated upon keyup
+      this.fieldLeftOffset = null;
 
       //wrap our field
       var $wrap = $("<div class='eac-input-wrap' />").css({
         display: this.$field.css("display"),
-        position: "relative",
+        position: this.$field.css("position") === 'static' ? 'relative' : this.$field.css("position"),
         fontSize: this.$field.css("fontSize")
       });
       this.$field.wrap($wrap);
@@ -126,6 +125,11 @@
       this.$suggOverlay.text(this.suggestion);
       this.$cval.text(this.val);
 
+      // get input padding, border and margin to offset text
+      if(this.fieldLeftOffset === null){
+        this.fieldLeftOffset = (this.$field.outerWidth(true) - this.$field.width()) / 2;
+      }
+
       //find width of current input val so we can offset the suggestion text
       var cvalWidth = this.$cval.width();
 
@@ -175,9 +179,9 @@
   $.fn[pluginName] = function (options) {
     return this.each(function () {
       if (!$.data(this, "yz_" + pluginName)) {
-        $.data(this, "yz_" + pluginName, new Plugin(this, options));
+        $.data(this, "yz_" + pluginName, new EmailAutocomplete(this, options));
       }
     });
   };
 
-})(jQuery, window, document);
+})(jQuery, window, document);

dist/jquery.email-autocomplete.min.js

@@ -1,6 +1,6 @@
 {
   "name": "email-autocomplete",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "jQuery plugin that displays in-place autocomplete suggestions for email input fields.",
   "keywords": [
     "jquery-plugin",