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

  1. #1

    [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 :


    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>
    Last edited by Daniil; Jul 23, 2014 at 1:58 PM. Reason: [CLOSED]
  2. #2
    Hi @PriceRightHTML5team,

    I've reproduced the problem. I will investigate.
  3. #3
    IE9 behaves weird. I can suggest you this to fix the problem.
    Ext.view.BoundList.override({
        setHighlightedItem: function(item){
            this.callParent(arguments);
            this.doComponentLayout();
        }
    });
  4. #4
    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.
  5. #5
    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();
            }
        });
    }

Similar Threads

  1. Replies: 5
    Last Post: Mar 15, 2013, 5:24 AM
  2. Replies: 0
    Last Post: Jun 08, 2012, 12:49 PM
  3. [CLOSED] Clear combobox list items in the code behind
    By Marcelo in forum 1.x Premium Help
    Replies: 4
    Last Post: May 24, 2011, 4:17 PM
  4. Combobox loses its list of items
    By PeterParsonage in forum 1.x Help
    Replies: 1
    Last Post: Feb 10, 2011, 11:46 PM
  5. Combobox List Items Class
    By Tbaseflug in forum 1.x Help
    Replies: 6
    Last Post: Dec 10, 2010, 8:26 AM

Tags for this Thread

Posting Permissions