[CLOSED] Can't type anything on textfield with chrome

  1. #1

    [CLOSED] Can't type anything on textfield with chrome

    Hii,
    i have a draggable panel inside a panel. The problem is i can't type anything in the textfield with chrome/opera but work fine with ie 7. Here is my code:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DraggablePanel.aspx.cs" Inherits="Maps.DraggablePanel" %>
    <%@ 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">
        <title>Test</title>
        <script type="text/javascript">
            var onDrag = function (e) {
                var pel = this.proxy.getEl();
                this.x = pel.getLeft(true);
                this.y = pel.getTop(true);
    
    
                var s = this.panel.getEl().shadow;
                
                if (s) {
                    s.realign(this.x, this.y, pel.getWidth(), pel.getHeight());
                }
            };
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <ext:ResourceManager runat="server" ID="ScriptManager1">
            <Listeners>
                <DocumentReady Handler="#{Panel1}.setPosition(50,100)" />
            </Listeners>
        </ext:ResourceManager>
        <ext:Viewport runat="server" ID="ViewPort1">
            <Content>
                <ext:BorderLayout runat="server" ID="BL1">
                    <Center>
                        <ext:Panel runat="server" ID="Test">
                            
                            <Items>
                                <ext:Panel ID="Panel1" 
                                    runat="server"
                                    Width="200" 
                                    Height="150"
                                    Frame="true"
                                    Floating="true" 
                                    Shadow="None"
                                    X="10"
                                    Y="10">
                                    <DraggableConfig ID="DraggableConfig1" runat="server">
                                        <OnDrag Fn="onDrag" />
                                        <EndDrag Handler="this.panel.setPosition(this.x, this.y);" />
                                        <CustomConfig>
                                            <ext:ConfigItem Name="insertProxy" Value="false" Mode="Raw" />
                                        </CustomConfig>
                                    </DraggableConfig>
                                    <Items>
                                        <ext:TextField ID="XPos" Text="110" runat="server"></ext:TextField>
                                        <ext:TextField ID="YPos" Text="-5" runat="server"></ext:TextField>
                                    </Items>
                                </ext:Panel>
                            </Items>
                        </ext:Panel>
                    </Center>
                </ext:BorderLayout>
            </Content>
        </ext:Viewport>
        
        </form>
    
    
    
    
    </body>
    </html>
    Last edited by Daniil; Jul 12, 2011 at 4:22 PM. Reason: [CLOSED]
  2. #2
    Hi,

    If you have no title then body will be draggable. Dragable area prevent any focusing because any click is considered as start of dragging
    Therefore define Title for the panel or add the following listener to the DraggableConfig
    <OnBeforeDrag Handler="return !e.getTarget('input');" />
  3. #3
    Ok, thank for the explanation. It works and help me much

Similar Threads

  1. [CLOSED] DirectEvent/Listener on TextField as you type
    By jmcantrell in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 15, 2012, 4:47 PM
  2. Change input type based on data type
    By bjones in forum 1.x Help
    Replies: 5
    Last Post: Jan 06, 2012, 9:54 AM
  3. [CLOSED] TreeGrid UI bug in Chrome?
    By bogc in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Nov 16, 2011, 10:59 PM
  4. [CLOSED] Type of errors in textfield
    By majestic in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 21, 2009, 10:00 AM
  5. [CLOSED] Find All Ext Components By Type?
    By Ben in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Aug 17, 2009, 12:57 PM

Posting Permissions