Jun 13, 2011, 7:11 PM
[CLOSED] Problem with focus and tabpanels under IE9
There is a bug under IE 9 with tabpanels and textfields. To reproduce, follow:
- Run example below.
- Place the focus on the textfield in the panel titled "A".
- Type something, like "11111".
- Select the panel titled "B".
- Notice that, although the textfield in the panel "A" is not visible anymore, the focus seems to be still on it.
- Type something, without placing the focus in the textfield in panel "BBBBBBB", like "222222".
- Go back to the panel "A"
- Notice that the text typed when you were in panel "B" was entered in the textfield in the panel "A" when it shouldn't. The text in textfield in panel "A" will be something like "11111222222" when it should contain only "11111".
I detected it under IE 9, don't know if it happens in other versions. In firefox i couldn't reproduce the error.
- Run example below.
- Place the focus on the textfield in the panel titled "A".
- Type something, like "11111".
- Select the panel titled "B".
- Notice that, although the textfield in the panel "A" is not visible anymore, the focus seems to be still on it.
- Type something, without placing the focus in the textfield in panel "BBBBBBB", like "222222".
- Go back to the panel "A"
- Notice that the text typed when you were in panel "B" was entered in the textfield in the panel "A" when it shouldn't. The text in textfield in panel "A" will be something like "11111222222" when it should contain only "11111".
I detected it under IE 9, don't know if it happens in other versions. In firefox i couldn't reproduce the error.
<%@ Page Language="C#" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
</head>
<body>
<form id="Form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:TabPanel runat="server" ID="funciona">
<Items>
<ext:Panel runat="server" Title="A">
<Items>
<ext:TextField runat="server">
</ext:TextField>
</Items>
</ext:Panel>
<ext:Panel ID="Panel1" runat="server" Title="B">
<Items>
<ext:TextField ID="TextField1" runat="server">
</ext:TextField>
</Items>
</ext:Panel>
</Items>
</ext:TabPanel>
</form>
</body>
</html>
Last edited by Daniil; Jun 27, 2011 at 12:31 PM.
Reason: [CLOSED]