Form error with IE 8

My form is not submitting when I use IE8. I receive the following error:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Wed, 26 Feb 2014 12:47:23 UTC


Message: Nicht implementiert

Line: 36
Char: 3777
Code: 0
URI: http://www.mydomain.com/webassist/progress_bar/jquery-blockui-formprocessing.js

On all other browser it's working

please provide a link

pls see pm

What version of Data Bridge are you using?

make sure you are using the latest version 1.1.8.

if you have a previous version installed, uninstall it from the extension manager before installing the newer one.

you will need to recreate the pages using the newer data bridge version, also make sure to delete the webassist/progress_bar/jquery-blockui-formprocessing.js file so it will get recreated.

I'm using 1.1.3. Unfortunatly I've created one form with DW CC and the newest version of DataBridge. This seem to have the files overwritten.

I have other sites where IE8 is working with DB 1.1.3.

I can't recreate all forms, that would take too much time :-(. Is there another option to make these forms work with IE 8 again?

something in your bootstrap/css/bootstrap.css style sheet is causing a conflict.

using IE developer tools, If i disconnect that style sheet, I can get the form to submit.

Thanks Jason. The conflict is caused by the following lines in the bootstrap.css when used together with jquery-blockui-formprocessing.js

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

If I take one of them out of the page, the form works. Is there a workaround or bugfix available?

I'm currently using

<!--[if !IE 8]>
<script src="../../../webassist/progress_bar/jquery-blockui-formprocessing.js" type="text/javascript"></script>
<![endif]-->

I dont have a work around other than the conditional statement you are already using.

maybe instead of using the conditional statement on the formprocessing js file, remove the conflicting CSS from the bootstrap css file and add it to the conditional statement:

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

If I take one of them out of the page, the form works. Is there a workaround or bugfix available?

I'm currently using

<!--[if !IE 8]>
<style type="text/css">
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
</style>
<![endif]-->

Thanks Jason. But this would cause the page to be bad formatted. So the condition on the js file dos the job. But thanks for finding the troubled css!

you're welcome.