Inline-editing input box width out of bound of row column width
Inline-editing input box width out of bound of row column width
I am trying to implement inline editing example on my app: http://jquery-datatables-editable.googlecode.com/svn/trunk/index.html
Everything works fine except the input box (with style of bootstrap) seems to go out of row column's bound on IE8. (Works fine in Chrome and Firefox, ofc)
I'm trying to locate the issue but debugging this is a little difficult. It's hard to capture the input box added with javascript because it's gone when i try to inspect that element. Could you give me a hint on where in jquery.datatables.editable did you config the input box element? I think I only need the width of the box to be 90% instead of 100% to avoid the IE8 bug.
This is the input box triggered by inline dblclick event.
Everything works fine except the input box (with style of bootstrap) seems to go out of row column's bound on IE8. (Works fine in Chrome and Firefox, ofc)
I'm trying to locate the issue but debugging this is a little difficult. It's hard to capture the input box added with javascript because it's gone when i try to inspect that element. Could you give me a hint on where in jquery.datatables.editable did you config the input box element? I think I only need the width of the box to be 90% instead of 100% to avoid the IE8 bug.
This is the input box triggered by inline dblclick event.
This discussion has been closed.