A jquery tooltip issue in iPad

I use a jquery tooltip function for input fields. It works fine in laptops/desktops. However, the tooltip begins to offset when you scroll the page in iPad. If you don't scroll, the tooltip shows where it should. Once you scroll, the tooltip begins to show higher on the page.

In the js file there's this line that is supposedly responsible for this bug:

if(/iPad/i.test(navigator.userAgent))t.top=t.top-d(window).scrollTop()

I tried different things to make it work, but nothing seems to be working.

The tooltip is called out with this:

<script>
  $(function() {
      $(".suggestions :input").tooltip({
      position: "center right",
      offset: [-2, 15],
      effect: "fade",
      opacity: 1.5
      });
    });
</script>

Code (markup):

Is there a way to fix this?

 

Have you tried just letting the tooltips behave natively by remove that code for iPads? And have you got a link to your site?

 

My advice, stop pissing away your accessibility by using javascript to do LABEL's job. Much like that placeholder nonsense, it's NOT a proper replacement for LABEL.

Seriously, why do people keep taking something simple (forms) and making them into inaccessible train wrecks of scripting JUST so they don't have to display a useful label?

 

You're probably right. I did figure it out though. I had to use a different option (still in jquery), but it's working in both PCs and iPads.

 

This is where your age really shows through. Yes you are correct why do simple forms have so much extra code for a little qwerky feature. The answer is because this is what clients want developed to produce in their eyes a intuitive and intelligent user experience.

Now days it's pretty much in every contract spec that I read. It doesn't mean it's right but the people that are PAYING you want it so they get it.

 

Then they need to see a ******* optometrist.

I can't see most clients knowing enough to put that in a 'contrast spec' -- and if they did I would either try to EDUCATE them of the folly of it, or dismiss them as a ignorant halfwit who has no business even HAVING a website, then go find some other client.

Admittedly this is probably a hefty part of why I've given up doing freelance work altogether. I just lack the tolerance to put up with the ignorant halfwit inaccessible buggy broken slow loading bullshit people sleaze out and have the giant brass monkey balls to call a 'website'; said sites being LESS useful than they were a decade ago. Yay, let's all just throw the past 15 years progress in the trash with script-tardery, "gee ain't it neat" PSD jockey BS, and letting ignorant fools who don't know enough about HTML, CSS, accessibility or even what a website IS dictate what they should be! Yeah, that's progress all right... (again, something else that reeks of the worst of 1997)

 

I couldn't agree with you any more.