There are a few problems with the textext on a touch device.
1 - The autosuggest will only pick the first item (the highlighted one), unless you drag the highlight down to it... this is simply because the touch device doesn't have a hover event to move the highlight, and even though the click event picked up that it was on another item, the highlighted item was still used. So I modified the onClick code to:
p.onClick = function(e)
{
var self = this,
target = $(e.target)
;
if (target.is(CSS_DOT_LABEL)) {
var div = target.closest('div.' + CSS_SUGGESTION);
if (div && div.length == 1)
{
target = div;
if (!div.is(CSS_DOT_SELECTED)) {
self.clearSelected();
div.addClass(CSS_SELECTED);
}
}
}
if(target.is(CSS_DOT_SUGGESTION))
self.trigger('enterKeyPress');
if (self.core().hasPlugin('tags'))
self.val('');
};
2 - The tags are not in front until you move the mouse, so if you start with tags already in the box, you can't remove them until you drag over a tag. You can overcome this by adding the "text-tags-on-top" class to the tags div upon startup. Then things seem to work as they should.
So far these are the only issues I have seen/fixed... I hope this helps someone.
Thanks Alex.
There are a few problems with the textext on a touch device.
1 - The autosuggest will only pick the first item (the highlighted one), unless you drag the highlight down to it... this is simply because the touch device doesn't have a hover event to move the highlight, and even though the click event picked up that it was on another item, the highlighted item was still used. So I modified the onClick code to: p.onClick = function(e) { var self = this, target = $(e.target) ;
2 - The tags are not in front until you move the mouse, so if you start with tags already in the box, you can't remove them until you drag over a tag. You can overcome this by adding the "text-tags-on-top" class to the tags div upon startup. Then things seem to work as they should.
So far these are the only issues I have seen/fixed... I hope this helps someone. Thanks Alex.