Webwide is the inclusive forum community for web designers, developers & makers.

Whether you're an enthusiast, in training, or a seasoned pro – you'll fit right in at Webwide. We understand that our community is one of creation which is why we, unlike many other discussion forums, encourage sharing of your own projects and content. Creating a forum account is fast, easy and completely free so you can start participating right away.

Read our Code of Conduct

Free Forum Membership Benefits

  • Participate in hundreds of interesting discussions
  • Network with industry peers and make new connections
  • Show off your own projects and relevant content
  • Get help and feedback for your coding and designs
  • Buy and sell services and resources in the marketplace
  • Participate in our friendly community challenges
  • Earn trophies and work your way up our leaderboards
  • Enjoy exclusive Webwide member discounts and offers
  • ...and so much more!

Solved 🤔 Spaces after emojis in Google Chrome for Mac not working

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
1,098
Reaction score
1,134
Points
1,115
Location
United Kingdom
Local Time
Today, 09:05
Credits
9,844
Pronouns
he/him
I am having a curious issue, both on this site and some others that I can't quite work out.

For me, in Chrome Mac, the space after an emoji is not rendering sufficiently. An example is in post titles on the homepage here and in the style picker in footer. Weirdly, when it's in a title, it does! I have been trying to reliably reproduce this in a CodePen but just can't.

I wonder if any other Chrome Mac users can chime in and let me know what they see? I have just updated to the very latest version.

Space not visible after emoji:

Screenshot 2020-05-23 at 22.18.02.png

Screenshot 2020-05-23 at 22.18.09.png

Screenshot 2020-05-23 at 22.21.37.png


Space works:

Screenshot 2020-05-23 at 22.21.02.png


🙁Testing with no space
🙁 Testing with space
 
Last edited:
  • Shifty
Reactions: Gummibeer

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
1,098
Reaction score
1,134
Points
1,115
Location
United Kingdom
Local Time
Today, 09:05
Credits
9,844
Pronouns
he/him
Could anybody screenshot this for me and let me know their Chrome for Mac version number?

🙁Testing with no space
🙁 Testing with space

I see on version 83.0.4103.61:
Screenshot 2020-05-23 at 22.24.35.png
 
  • Like
Reactions: section52

sfcgeorge

Sonic the developer
Gold Member
Joined
Oct 5, 2019
Messages
119
Reaction score
133
Points
460
Location
London, England
Local Time
Today, 09:05
Website
www.sfcgeorge.co.uk
Credits
668
Pronouns
He/Him
Real Name
Simon George
In Safari it looks perfect:

Screenshot 2020-05-23 at 22.46.16.png


In Chrome 81.0.4044.138 it looks like hot garbage, too small, too much space:

Screenshot 2020-05-23 at 22.46.24.png


Then in Chrome 83.0.4103.61 (just updated) they're still on the small side but correct spacing:

Screenshot 2020-05-23 at 22.48.49.png


Odd that you're seeing practically the opposite. I know Chrome does its own font rendering which is generally worse than macOS's built in font rendering, it's had dodgy moments in the past.
 

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
1,098
Reaction score
1,134
Points
1,115
Location
United Kingdom
Local Time
Today, 09:05
Credits
9,844
Pronouns
he/him
Thank you Simon! That's really helpful. I see the same in Safari so safe to say it is something with Chrome's rendering. Does the same in incognito so don't think it's cache/extensions. Will download Canary and have a try.

There's a SO issue here from a few years ago with a similar issue that seemed to effect only non-retina screens. It's followed up to say it's patched now though. Perhaps a regression? Are you on a retina screen?
 
Last edited:

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
1,098
Reaction score
1,134
Points
1,115
Location
United Kingdom
Local Time
Today, 09:05
Credits
9,844
Pronouns
he/him
Last edited:

Mike Rees

Member
Joined
Feb 3, 2020
Messages
56
Reaction score
78
Points
30
Location
Leicester, UK
Local Time
Today, 09:05
Credits
227
Apple's always had that Walder Frey attitude of just upgrading your way out of problems. Are there any modern non-retina devices sold by them?
 
  • Like
Reactions: Adam

Adam

Mr. Webwide
Administrator
Joined
Sep 24, 2019
Messages
1,098
Reaction score
1,134
Points
1,115
Location
United Kingdom
Local Time
Today, 09:05
Credits
9,844
Pronouns
he/him
Apple's always had that Walder Frey attitude of just upgrading your way out of problems. Are there any modern non-retina devices sold by them?
The Mac mini and Mac Pro with most 3rd-party displays. I don't think they actually sell a non-retina screen though.
 
Top