Part of a mobile text translation editor app I'm developing allows users to select a phrase of text and group it together, so that it can be translated as a unit. The source text sits above the target (translated) text in the user interface; to group the words together, the user drags with one finger over the text they want and clicks a button to merge the words encompassed by the drag start and stop points. For example, the user would drag from point A to point B in the UI:
A------------------ | tirando su pelo | | pulling his leg | ------------------B
This works in a lot of scenarios, but I'm running into some "fat finger" issues on smaller text regions. Starting or stopping the drag on single character words is especially problematic. Some users are frequently starting or stopping the drag points in the wrong place due to the small target area.
Are there any solutions out there to mitigate this sort of issue on mobile devices? I have looked into multitouch libraries like Hammer.js, and this might be one alternative, but I'd like something really simple if possible -- some of our users are going to be new to mobile devices.