Worked on the emoji dropdown autocomplete.

app/client/client.js

@@ -353,7 +353,7 @@ Template.room.events({
     "click #side-panel": function(e) { 
         Meteor.setTimeout(function() {
         var elem = document.getElementById('chat');
-        elem.scrollTop = elem.scrollHeight;;
+        elem.scrollTop = elem.scrollHeight;
         }, 1);
     },
     "click #submit": function() {

app/client/emojidropdown.css

@@ -0,0 +1,69 @@
+/* AutoComplete styles for Emoji One */
+
+.dropdown-menu {
+    list-style: none;
+    padding: .3em 0 0;
+    margin: 0;
+    border: 1px solid #6E6E6E;
+    background-color: white;
+    border-radius: 5px;
+    overflow: hidden;
+    font-size: inherit;
+    letter-spacing: .025em;
+    box-shadow: 3px 3px 3px rgba(0,0,0,.2);
+}
+.dropdown-menu a:hover {
+    cursor: pointer;
+}
+.dropdown-menu li {
+    letter-spacing: 0;
+    display: block;
+    float: none;
+    margin: 0;
+    padding: 0;
+    border:none;
+}
+.dropdown-menu li:before {
+    display: none;
+}
+.dropdown-menu .textcomplete-footer {
+    margin-top: .3em;
+    background: #e6e6e6;
+}
+.dropdown-menu .textcomplete-footer a {
+    color: #999999;
+    text-decoration: none;
+    text-transform: uppercase;
+    letter-spacing: .05em;
+    line-height: 2.1818em;
+    padding-left: 1.8181em;
+    font-size: .84em;
+}
+.dropdown-menu .textcomplete-footer .arrow {
+    margin-left: .8em;
+    font-size: 1.3em;
+}
+.dropdown-menu li .emojione {
+    vertical-align: middle;
+    font-size: 1.23em;
+    width: 1em;
+    height: 1em;
+    top: -1px;
+    margin: 0 .3em 0 0;
+}
+.dropdown-menu li a {
+    display: block;
+    height: 100%;
+    line-height: 1.8em;
+    padding: 0 1.54em 0 .615em;
+    color: #4f4f4f;
+}
+.dropdown-menu .active,
+.dropdown-menu li:hover {
+    background: #6E6E6E;
+    color: white;
+}
+.dropdown-menu .active a,
+.dropdown-menu li:hover a {
+    color: inherit;
+}

app/client/head.html

@@ -29,6 +29,8 @@
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
     <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
     <script src="/bootstrap-slider.min.js"></script>
+    <script src="/jquery.textcomplete.min.js"></script>
+    <script src="/emojidropdown.js"></script>
     <script type="application/javascript">
         addEventListener("load", function() {
             setTimeout(hideURLbar, 0);