From 8e66e6dfdd7c82c626bb90e1c7432d3693255ec1 Mon Sep 17 00:00:00 2001
From: Aviral Dasgupta <me@aviraldg.com>
Date: Wed, 3 Aug 2016 18:27:49 +0530
Subject: [PATCH] fix: Switch to opacity: 0 for composer emoji.

This seems to be the best option for displaying emoji in the composer. While it means selected emoji don't actually have the selection colour applied, it's the most functional of all the options. Facebook uses the same approach.
---
 src/RichText.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/RichText.js b/src/RichText.js
index a5bc554b95..7cd78a14c9 100644
--- a/src/RichText.js
+++ b/src/RichText.js
@@ -98,7 +98,7 @@ function unicodeToEmojiUri(str) {
     return str;
 }
 
-// Unused for now, due to https://github.com/facebook/draft-js/issues/414
+// Workaround for https://github.com/facebook/draft-js/issues/414
 let emojiDecorator = {
     strategy: (contentBlock, callback) => {
         findWithRegex(EMOJI_REGEX, contentBlock, callback);
@@ -115,7 +115,7 @@ let emojiDecorator = {
             backgroundPosition: 'center center',
             overflow: 'hidden',
         };
-        return (<span title={shortname} style={style}><span style={{color: 'transparent'}}>{props.children}</span></span>);
+        return (<span title={shortname} style={style}><span style={{opacity: 0}}>{props.children}</span></span>);
     },
 };