Press and Hold shows something on the screen

[barts2108]

If I press and hold on the tabbar (ipod touch) something seems to move over the screen and at the top of the screen I see a small blue bulb. I only see this when press and hold on the tabbar.

I have removed all 'class = selectable' from the page (I had one occurence), and I have added -webkit-user-select: none; to all tabbar tags.

Still the thing shows over the screen. Sometimes I see it sliding up from bottom to top, and sometimes I see it sliding at the top of the screen, from left to right.

Any idea's ?

[DataZombies]

No ideas. Could you post a pic and sample code?

[barts2108]

I won't be able to make it before the new year. A thought was that it might be because the tabbar is outside the jqt tag.

Anyway, I will come back to you on this. Keep up the good work and Happy New Year !

[DataZombies]

You, too, & thanks for the input.

[barts2108]

No idea how I can attach a file here, so I put a screenshot available and linked it here.

Link to image

I will try to keep the image there for reference but I can't guarantee that.

When I press and hold a button on the tabbar, it looks like some overlay is moving from the bottom to the top of the screen and showing the blue bulbs at the top of the screen (near the red arrows in the picture). I did not see this before I added the tabbar.

Can it be something that has to do with iPod Touch copy functionality ?

As I did not see it before, I assume it is some kind of setting (js or css) that enables this but I have no idea which setting it is.

Any suggestions ?

[DataZombies]

that's iOS's copy function. I'll see what I can do about that.

[DataZombies]

What's the date in jqt.bars.js change log (just below the jQT header in the file)? If it's older than December 13, 2010, please download the newest version.

[barts2108]

The latest entry in the change log says: 2010-12-23 Optimizations & code cleanup.

• jquery 1.4.2 (it also happens with 1.4.4)
• iscroll 3.7.1

[DataZombies]

Please post a skeleton of your app; the pages with out their content. I can't replicate this in the online demo.

Thanks, djp

[barts2108]

I put a testcase here http://www.maakmenietgek.com/testcase.zip (Please note that this file might be removed in the future).

The file contains the minimal skeleton of my app. When I press and hold on the tabbar, I will get this iPod copy thing moving over my screen. When I press and hold on any other part of the page, I don't get this thing.

I have tried to get rid of this already using -webkit-user-select: none; but it seems not to make any difference.

Any help on this is welcome.

[DataZombies]

I snagged your code & tested it on my iPhone 3G. I couldn't get the copy region to pop up. I did notice that you have "...preventDefault()..." on line 80 in index.html. That is taken care of in jqt.bars.js, line 349. I don't think it hurts anything to duplicate that command in your html. Try including "e.stopPropagation();" in line 80 and see if that helps.

Keep me posted on any developments.

Thanks, djp

[barts2108]

Must be somehow related to ipod version (3.1.3 - yep I know its old)... Facing some other CSS issues too (e.g. anchor tag with whiteButton class... the button dissapears when clicked).

I will close this issue as it is probably not related to any of the bars lib or jqtouch.

[barts2108]

sigh...

15 minutes after closing the post, I found the solution. I added the following line to my CSS.

• { -webkit-user-select: none; }

before that I had this in the CSS

body * { -webkit-user-select: none; }

Anyway... there's a difference between 4.x and 3.1.3, as 4.x does accept the "body *".