> > Hi,
> > I'm using the jQuery version (
> >
> http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/
> )
> > of the overlabel.js script from A List Appart (
> > http://www.alistapart.com/articles/makingcompactformsmoreaccessible).
> >
> > Hold on - this is a CSS question!
> > I've triggered some weird behaviour in Safari (Chrome/webkit) which I
> assume
> > comes from the absolute positioning of the <label> element. To see it in
> > action go to http://unf-j016.universalfavourite.com.au/, fill in a
> couple
> > characters in the "Enter your e-mail to join…" field, then try clicking
> with
> > the mouse to set the marker in between the characters you just filled in.
> It
> > doesn't work.
> >
> > I'm pretty sure it's CSS related, because this issue doesn't appear on
> the
> > script's demo page (http://scott.sauyet.com/Javascript/Demo/Overlabel/).
>
> I find this to be at least in part a javascript problem.
> In Safari I was able to duplicate your observed behavior.
> But, when I entered preferences, disabled javascript, then reloaded
> the page the behavior was gone.
>
> I did not trace the javascript. It is possible that the javascript is
> loading css definitions. I did not look.
>
> At the moment, all I have verified is the existence of your issue in
> Safari with js enabled and the absence of the problem in Safari with
> js disabled.
>
> Regards,
> Claude Needham
>

Yes, you are correct - the javascript adds classes to the DOM, which is
styled with the CSS. That is why the problem will go away with javascript
disabled. I'm still no closer to finding the reason for the bug though.

Eystein
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to