Hide emoji list after leaving comment reaction (publiclab#9564)

reginaalyssa · Oct 16, 2021 · ec720da · ec720da
1 parent bff579f
commit ec720da
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/views/notes/_comment.html.erb b/app/views/notes/_comment.html.erb
@@ -95,7 +95,7 @@
             <% emoji_names.each do |e| %>
               <% capitalized_emoji_name = e.split("-").map(&:capitalize).join %>
               <% str = "/comment/like?comment_id=#{comment.cid}&user_id=#{current_user.uid}&emoji_type=#{capitalized_emoji_name}" %>               
-              <%= link_to str, data: { method: "post", remote: true }, style: "margin: 6px;" do %>                     
+              <%= link_to str, data: { method: "post", remote: true }, style: "margin: 6px;", class: "emoji-btn" do %>                     
                 <img alt="React to post" class="emoji grow" height="20" width="20" src="<%= emoji_image_map[e] %>">                         
               <% end %>
             <% end %>
@@ -132,6 +132,13 @@
         }
       });
     });
+
+    $('.emoji-btn').click(function() {
+      setTimeout(() => {
+        $('#emoji-dropdown').removeClass('show');
+        $('#dropdownMenuButton').attr('aria-expanded', 'false');
+      }, 5000);
+    });
   </script>
 
   <div style="border: 1px solid #e7e7e7;padding: 36px;" id="c<%= comment.cid %>show">