Open Radar

 
(Duplicate of #27719702 - not on Open Radar)

Area:
UIKit

Summary:
When using certain emoji icons (e.g. "White Smiling Face": ☺️) and returning the text field, after focussing the text field again will break the layout and cause serious UI glitches around the text field (see attached screenshot)

Steps to Reproduce:
1. Open and run the attached "test_textfield_emoji" project
2. Enter "Test☺️"
3. Return and focus the text field afterwards
4. Type in a space (" ") and "test"

Expected Results:
The space and new characters will be added properly

Actual Results:
A big space (around 50px) and the new characters will be added. After adding more characters, the text field even overflows the frame.

Version:
iOS 10.1.0, Xcode 8.1 (8B62)

Notes:
This issue was raised in our JIRA system (https://jira.appcelerator.org/browse/AC-4591) which includes some more infos from the customer. It also looks a bit similar to http://www.openradar.me/28403172.

Configuration:
iPhone 7, 128GB

Attachments:
- 'test_textfield_emoji.zip': https://www.dropbox.com/s/m9znq1m008u8a16/test_textfield_emoji.zip?dl=0
- 'test_textfield_emoji.png': https://abload.de/img/test_textfield_emojid0uoc.png