PDA

View Full Version : [CLOSED] [4.1.3] MultiSelect + IE9 highlights text selecting with Shift or Ctrl + mouse click



Daniil
5 Nov 2012, 4:33 AM
REQUIRED INFORMATION

Ext version tested:

Ext 4.1.3

Browser versions tested against:

IE9 - FAIL
FireFox - PASS
Chrome - PASS

DOCTYPE tested against:

<!DOCTYPE html>

Description:

MultiSelect in IE9: if select using ctrl or shift and mouse click, it highlights the text. Please see the attached screenshot.

Steps to reproduce the problem:


Test #1: select the 5th row with a mouse click. Then hold shift and click the 3rd row.
Test #2: select any row with ctrl + mouse click.

The result that was expected:

Test #1: the text is highlighted. Please see the screenshot.
Test #2: the text of a selected row is highlighted.

The result that occurs instead:

No text highlighting as it is in FireFox or Chrome.

Test Case:


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>MultiSelect highlights text</title>

<link type="text/css" rel="stylesheet" href="../resources/css/ext-all-debug.css" />
<link rel="stylesheet" type="text/css" href="../examples/ux/css/ItemSelector.css" />

<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="../examples/ux/form/MultiSelect.js"></script>

<script type="text/javascript">
Ext.onReady(function () {
var w = Ext.create("Ext.window.Window", {
height: 400,
width: 400,
items: [{
xtype: "multiselect",
store: [
["0", "Item #0"],
["1", "Item #1"],
["2", "Item #2"],
["3", "Item #3"],
["4", "Item #4"],
["5", "Item #5"],
["6", "Item #6"],
["7", "Item #7"],
["8", "Item #8"],
["9", "Item #9"]
]
}],
layout: "fit"
});
w.show();
w.center();
});
</script>
</head>
<body>
</body>
</html>

Screenshot

kevin.chen
5 Nov 2012, 5:06 PM
can you please upload your screenshot?

kevin.chen
5 Nov 2012, 6:47 PM
try this to see if you have issue


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>MultiSelect highlights text</title>
<link type="text/css" rel="stylesheet"
href="../resources/css/ext-all-debug.css" />
<link rel="stylesheet" type="text/css" href="../examples/ux/css/ItemSelector.css"
/>
<script type="text/javascript" src="../ext-all-debug.js"></script>
<script type="text/javascript" src="../examples/ux/form/MultiSelect.js"></script>
<script type="text/javascript">
Ext.onReady(function () {
var w = Ext.create("Ext.window.Window", {
height: 400,
width: 400,
items: [{
xtype: "multiselect",
ddReorder: true,
store: [
["0", "Item #0"],
["1", "Item #1"],
["2", "Item #2"],
["3", "Item #3"],
["4", "Item #4"],
["5", "Item #5"],
["6", "Item #6"],
["7", "Item #7"],
["8", "Item #8"],
["9", "Item #9"]
]
}],
layout: "fit"
});
w.show();
w.center();
});
</script>
</head>

<body></body>


</html>

Daniil
5 Nov 2012, 8:06 PM
Hi Kevin,

Apologize, I forgot to attach a screenshot. Done it in the initial post.

It behaves the same for me with your code sample. Was you unable to reproduce?

I doubt it can depend on OS, but just in case - I tested with Windows 7 and Vista.

kevin.chen
6 Nov 2012, 10:35 AM
since I did not receive your screenshot when I saw your first post , so I was not sure if the issue I have is same as yours.

however, after I added the property ddRecorder: true, it seems fixed the issue. Can you double check? Can you clear your cache before test it again?

Daniil
6 Nov 2012, 8:30 PM
I followed your recommendations, i.e. cleared the cache and tested again. Also I checked page sources, I see "ddReorder" there. The issue is still reproducible.

And, I think I know why:) In your sample you set it for the Window, not for the MultiSelect (obviously, accidentally).

I can confirm this option fixes the issue.

But, IMHO, it should work the same without this option. What do you think?

Say, a developer doesn't need drag&drop reordering and still doesn't need text highlighting.

kevin.chen
7 Nov 2012, 10:25 AM
Hi Daniil

I corrected my configuration. sorry for that. I just want to give your a workaround before we fix this issue.


Kevin

kevin.chen
7 Nov 2012, 10:25 AM
Thanks for the report! I have opened a bug in our bug tracker.

Daniil
8 Nov 2012, 2:49 AM
Kevin, thank you for both: providing a workaruond and opening a bug ticket!

kevin.chen
8 Nov 2012, 10:05 AM
You are welcome, this bug will be fixed in 4.2

Daniil
8 Nov 2012, 10:26 AM
Thank you again! By the way, is there any official time-frame for 4.2?

kevin.chen
8 Nov 2012, 11:09 AM
we don't have plan for release day, but we are working on it now

Daniil
8 Nov 2012, 11:17 AM
Ok, thank you and good luck:)