Thank you for reporting this bug. We will make it our priority to review this report.
-
Ext JS Premium Member
[OPEN-1423]Left click on a field in draggable panel w/o title doesn't focus the field
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.
-
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>
-
Ext JS Premium Member
Any update on this bug?
Thanks
-
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.
-
Sencha User
The issue is also there in EXT JS 6.X. Is there any update to this?
