Strange behavior in IE8

Dear all,

I am using your form on this site and it's working like a charm except for one thing:

When you fill out the form fields in IE8 the fields are 'jumping'
You can try it and see what I mean.

Is this a bug or is it something I am doing wrong?

Thanks in advance!

Ben

Chronoforms: 3.1 RC5.5
Joomla: 1.5.14

Hi Ben,

There isn't enough space after the form inputs to accomodate the validation error messages.

You'll need to tweak the layout and/or the messages to tidy this up.

Bob

Thank you for your prompt reply Bob but I think this hasn't something to do with the error messages.
When I fill out the first field (Voornaam) and go to the next field, the Voornaam field jumps below the text. No error message is displayed.

It only happens in IE8. In IE7, FF and Chrome everything works fine.

Can you please have another look at this?

Thanks again,

Ben

Hi Ben,

I hadn't seen that when I first looked but I suspect that the answer is closely related. Here's the page html before and after entering a field

<DIV class=form_item><DIV class="form_element cf_textbox"><LABEL style="WIDTH: 150px" class=cf_label>Achternaam *</LABEL> <INPUT id=text_4 class="cf_inputbox required" title=Verplicht maxLength=150 size=30 type=text name=text_4 $included="null"> </DIV>
<DIV class=cfclear> </DIV></DIV>

<DIV class="form_element cf_textbox"><LABEL style="WIDTH: 150px" class=cf_label>Voornaam *</LABEL> <INPUT id=text_2 class="cf_inputbox required LV_valid_field" title=Verplicht value=adadasd maxLength=150 size=30 type=text name=text_2 $included="null"><SPAN class=" LV_validation_message LV_valid"> </SPAN> </DIV>

The difference is that extra span :-(

In haste,
Bob

Hello Bob,

Can you please give me a hint where to remove this extra span tag?

Thanks, your help is very much appreciated!

Ben

Can anyone please give me a little push?

Thanks!

Ben

Hi Ben,

Sorry I've been putting this off because it's not a 1 minute answer and I've been very busy with a couple of client projects.

If you open components/com_chronocontact/js/jsvalidation.js and check around lines 81, 193, 227 and 251 you will find

validMessage: ' ',

This is where the space is coming from. The first of these is the one that affects your checkboxes, the others relate to other kinds of form input.

What I don't know is why Max chose to put a space in there rather than using

validMessage: '',

From a quick scan of the script I can't see any obvious reason. The LiveValidation code (in livevalidation_standalone.js uses an empty string if none is specified.

I suggest that you run a little test to see if that removes the problem.

Bob