search

pladaria / react-emojione

A tiny library to use emojis in React
186 stars 32 forks source link

Emoji text is displayed with "text-align: right" #14

Closed msalsas closed 6 years ago

msalsas commented 7 years ago

I have something like this:

<div className="text-with-emojis">
    <Emojify>{text}</Emojify>
</div>

where text-with-emojis class has the text-align: right css rule. Then the displayed emojis look like this: captura de pantalla de 2017-06-20 11-40-02

If I remove the text-align: right the emojis are displayed right: captura de pantalla de 2017-06-20 11-42-25

I've been playing with css rules but can't find the solition. Any ideas?

msalsas commented 7 years ago

I've found out that adding text-align: left (or center) to the last span element solves the problem (probably at emojione-sprite.js). Would you accept a PR?

pladaria commented 7 years ago

Sorry for the delay. Yes please, send a PR