PDA

View Full Version : [CLOSED] Combobox shows blank area below list items on mouse hover of combobox items. Browser IE 9.



PriceRightHTML5team
Jul 10, 2014, 2:27 PM
Hi

My Configuration is :

Ext.net version : 2.2.0.26551
Ext.net runtime version : 4.0.30319

Ext.net.Utilities version : 2.2.0.0
Ext.net.Utilities runtime version : 2.0.50727

OS : Windows 7 professional

.Net Framework : 4.5

View Engine : Razor.


I have a combobox.It has items which are lengthier such that horizontal scroll bar appears.
When I mouse hover the combobox items for selection blanks area gets added / shown below the list items.

Following is the screen shot of the same :
http://forums.ext.net/attachment.php?attachmentid=13441&stc=1

Below is the sample code:


public ActionResult TestCombo()
{
return View();
}



View:


@{
Layout = "~/Views/Shared/_Layout.cshtml";
var X = Html.X();
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>TestCombo</title>
</head>
<body>
<div>
@Html.X().ResourceManager()
@(
Html.X().ComboBox()
.ID("REIMBURSEMENT_STATUS")
.Items(new ListItem { Text = "Yesssssssssssssssssssssssssssssssssssssssssssssss", Value = "true" }, new ListItem { Text = "Nooooooooooooooooooooooooooooooooooooooooooo", Value = "false" })
.MultiSelect(false)
.ForceSelection(true)
.FieldLabel("Test")
)
</div>
</body>
</html>

Daniil
Jul 10, 2014, 8:15 PM
Hi @PriceRightHTML5team,

I've reproduced the problem. I will investigate.

Daniil
Jul 11, 2014, 6:44 PM
IE9 behaves weird. I can suggest you this to fix the problem.

Ext.view.BoundList.override({
setHighlightedItem: function(item){
this.callParent(arguments);
this.doComponentLayout();
}
});

PriceRightHTML5team
Jul 15, 2014, 8:06 AM
Hi Daniil,
We didn't received email nofication of your "Jul 11, 2014, 12:44 PM" reply.

I applied your given script.
But due to this (script), facing another issue.
I. Whenever I use mouse-wheel to scroll combobox items, it scrolls back to top of the list.
II. If I press the vertical scrollbar to scroll down the combobox, it scrolls back to top of the list as soon as I release the mouse button.

Kindly provide your inputs on the same.

Daniil
Jul 15, 2014, 11:59 AM
Reproduced. Instead of the previous override, please try this one:

if (Ext.isIE9) {
Ext.view.BoundList.override({
setHighlightedItem: function (item) {
this.callParent(arguments);
this.el.getHeight();
}
});
}