Hiding The Text Input Cursor (the Caret) Showing Through Overlayed Elements Internet Explorer

I have a form with a special widget that fills in a text input. When the text input has focus, the widget appears above the text input (intentionally above it) and the user clicks

Solution 1:

Try setting the unselectable attribute to on while the widget is being shown, then to off at the end. It's an IE specific attribute, and if it works you should check it in IE 8, as I'm not sure if it's still supported.

Solution 2:

Seems to me that a simple blur on that field or focus on a field in the widget would fix your problem.