Solution to the missing cursor bug in the input box in Firefox 2_Experience exchange

Although fortunately this bug has been solved in Firefox3, Firefox3 is still in the beta stage, and it will still take some time to replace Firefox2. Let’s talk about this issue in detail below:

1. The style is {position:absolute; }The form input box in the container loses the cursor in the container area with a style similar to {overflow:auto;}
You can learn about the most common situations through Examples 1 to 6.

If you want the entire body to appear without the cursor, you can set up two containers, html and body, please see the example. There are all overflow attributes that can cause this bug, including the example overflow:auto:

overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow:scroll ;
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
Other solutions besides avoiding the overflow attribute:

Use overflow:hidden to replace the buggy overflow attribute
Add position:relative to the container with the above overflow attribute, please see the example.
Add the same overflow attribute to the container of positon:absolute, and pay attention to the order in which it appears on the page, see Example 4
Choose appropriate tags for containers that use the overflow attribute that can cause bugs, such as fieldset, see example six.
2. The form input box in the container with the style {position:absolute;} loses the cursor in the iframe container area
You can understand this situation through Example 7. In order to solve the problem of too high level of drop-down list in IE6, it is often necessary to cover it with iframe. Occasionally neglecting to set browser restrictions may lead to the above problem.

Now it seems that Firefox2 has quite a lot of bugs in handling iframes. For example, I previously discovered a bug in the display of Iframes when Firefox returns.