[OPEN-1423]Left click on a field in draggable panel w/o title doesn't focus the field

**brownphillipa** · 18 Nov 2010 2:30 PM

Hi,
I'm having a problem where I can't left click any kind of input field when it's added to a portlet
and the portlet contains no header.

On further investigation, there's no focus event being fired/captured when left clicking, however
right clicking or using tab to navigate to the field works perfectly fine. Normal left click behavior
is possible whenever I add a header like title to the portlet.

The problem appears even with the simple code below. Uncomment title to see it working
properly.

Code:

<script>
            Ext.onReady(function(){
                Ext.QuickTips.init();

                var portlet = new Ext.ux.Portlet({
                    collapsible : false,
                    // Uncomment title to get left click working again
                    //title       : 'test',
                    id          : 'portlet',
                    items       : [{ xtype: 'textfield' }]
                });

                var portalCol = new Ext.ux.PortalColumn({
                    layout      : 'form',
                    columnWidth : 1,
                    items       : [ portlet ]
                });

                var portal = new Ext.ux.Portal({
                    id      : 'nonFixedOrder',
                    items   : [ portalCol ]
                });

                var testPanel = new Ext.Panel({
                    renderTo: Ext.getBody(),
                    title   : 'Panel',
                    items   : [ portal ]
                });

            });
</script>

Is anyone else seeing this problem?

Thanks.

**jsakalos** · 18 Nov 2010 3:05 PM

It seems like a problem of any Panel if you make it draggable - as if mouse event would be swallowed somewhere in D&D code. In your example, it is enough if you make the portlet non-draggable and it starts to behave normally.

Moving this thread to Bugs. My test case:

HTML Code:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="ext-3.3.0/resources/css/ext-all.css">
  <script type="text/javascript" src="ext-3.3.0/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="ext-3.3.0/ext-all-debug.js"></script>
  <script type="text/javascript" src="ext-3.3.0/examples/ux/Portal.js"></script>
  <script type="text/javascript" src="ext-3.3.0/examples/ux/PortalColumn.js"></script>
  <script type="text/javascript" src="ext-3.3.0/examples/ux/Portlet.js"></script>
  <title id="page-title">Title</title>
  <script type="text/javascript">
    Ext.BLANK_IMAGE_URL = 'ext-3.3.0/resources/images/default/s.gif';
    Ext.onReady(function(){
        Ext.QuickTips.init();

        var portlet = new Ext.ux.Portlet({
            collapsible : false,
            // Uncomment title to get left click working again
            //title       : 'test',
            id          : 'portlet',
            items       : [{ xtype: 'textfield' }]
        });

        var portalCol = new Ext.ux.PortalColumn({
            layout      : 'form',
            columnWidth : 1,
            items       : [ portlet ]
        });

        var portal = new Ext.ux.Portal({
            id      : 'nonFixedOrder',
            items   : [ portalCol ]
        });

        var testPanel = new Ext.Panel({
            renderTo: Ext.getBody(),
            title   : 'Panel',
            items   : [ portal ]
        });
    });

  </script>
</head>
<body>
</body>
</html>

**brownphillipa** · 22 Nov 2010 9:14 PM

Any update on this bug?

Thanks

**jsakalos** · 23 Nov 2010 3:12 AM

I don't know which priority this bug received. If it's a show-stopper for your project you can open a support ticket by mailing to support@sencha.com.

[OPEN-1423]Left click on a field in draggable panel w/o title doesn't focus the field

Thread Tools

Search Thread

Display

[OPEN-1423]Left click on a field in draggable panel w/o title doesn't focus the field

[OPEN-1423]Left click on a field in draggable panel w/o title doesn't focus the field

Similar Threads

[OPEN-1197] Double click of form field causes problems in ie

combobox: click in empty field doesn't trigger

Multiple Field Triggers' 1st Icon is on Left Side of Field

[FIXED in 1.1beta1] Form Examples: Clicking label doesn't focus field

Clicking form label doesn't focus field when left aligned