PDA

View Full Version : [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.



<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>
<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.

ankiteciitkgp
6 Mar 2018, 2:25 AM
The issue is also there in EXT JS 6.X. Is there any update to this?