![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 11 years ago
Closed 11 years ago
#31628 closed defect (bug) (fixed)
Cannot Highlight Emoji In Some Browsers
| Reported by: | mrwweb | Owned by: | azaozz |
|---|---|---|---|
| Priority: | normal | Milestone: | 4.2 |
| Component: | TinyMCE | Version: | 4.2 |
| Severity: | normal | Keywords: | has-patch commit |
| Cc: | Focuses: |
Description
In Windows 8.1 in Chrome 40 and IE 11 I cannot see the selection/highlight of emoji characters
If an emoji is part of a selection, it's not too bad, but if the selection is entirely emoji and without spaces, there is no visual cue that a selection has been made
Firefox 33 works as expected.
Attachments (1)
Change History (9)
#2
@
11 years ago
Here's Chrome:
And here's Firefox which makes a lot more sense to me:
Chrome even works on the front-end, just not the back:
I'm not particularly picky, but I just think there needs to be something that's clear and easy to understand a la Firefox. These are all images, so I wonder if true emoji's work with highlighting better.
#3
@
11 years ago
It's caused by the img::selection rule in /wp-includes/js/tinymce/skins/wordpress/wp-content.css.
Maybe changing it to img:not(.emoji)::selection would be enough?
#6
@
11 years ago
- Keywords commit added
31628.patch fixes highlighting for me on Windows 7, in latest Chrome and IE 9, 10, and 11 (IE7 and 8 already worked with fallbacks).
How should it be styled? Dotted line?