iPad / iPhone Highlight Issue

[ducky280]

Hi Podio,
First off, amazing work, nice clean scripts.

On the @mentions script it goes mad when used on iPad/iPhone, see screen shots below. (running iOS 5.0.1)

Issue 01:
http://i41.tinypic.com/308cz0y.jpg

Issue 02:
http://i40.tinypic.com/qmzy41.jpg

Do you have any work arounds for this? At this time i've turned of highlights so it works more like a Twitter Mention script than a Facebook Mention script.

Thanks in Advance :)

Ducky

[SteelBRS]

See issue #29 - styles in the generated surrounding <div> are probably different from the <textarea>'s

[chrisnicola]

I recall there being issues correctly detecting the position of textareas on iOS from trying to get the ACE text editor working with it. I believe you just have to try to detect iOS in your JS and adjust the highlight position by a few pixels accordingly.

Also worth mentioning is that I can't get it to work at all with Android devices. Clicking on the dropdown just closes the text editor and doesn't insert anything.

[auchenberg]

@LucisFerre Thanks for the update. I"ll add iOS support on the roadmap.

[ghost]

This solved the issue for me http://stackoverflow.com/questions/6890149/remove-3-pixels-in-ios-webkit-textarea iOS safari has a 3 pixel offset on inputs for some reason.