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

Printable View

Jul 10, 2014, 1:27 PM
PriceRightHTML5team

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

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...id=13441&stc=1

Below is the sample code:

Code:

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

View:

Code:

@{ 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>
Jul 10, 2014, 7:15 PM
Daniil

Hi @PriceRightHTML5team,

I've reproduced the problem. I will investigate.
Jul 11, 2014, 5:44 PM
Daniil

IE9 behaves weird. I can suggest you this to fix the problem.

Code:

Ext.view.BoundList.override({ setHighlightedItem: function(item){ this.callParent(arguments); this.doComponentLayout(); } });
Jul 15, 2014, 7:06 AM
PriceRightHTML5team

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.
Jul 15, 2014, 10:59 AM
Daniil

Reproduced. Instead of the previous override, please try this one:

Code:

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