jQuery UI Widgets Forums Lists ComboBox ComboBox – behavior like left mouse button is pressed

This topic contains 6 replies, has 2 voices, and was last updated by  frankbur1 7 years, 2 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author

  • frankbur1
    Participant

    hi folks,

    i have a strange behavior while working with ComboBox. this behavior is ONLY in firefox, in chrome everything is FINE.

    i have a ComboBox, multiple select. after selection is done, i click with the mouse somewhere on my site, to close the ComboBox.
    the problem in firefox: it looks like i have pressed down left mouse, and hold it down. when i move the mouse, everything on my site, where the mouse moves, gets marked(blue background).
    when i try: $(“#dropdown”).jqxComboBox(‘focus’); it gets the focus, but the mouse markes everything where i move it.
    i must do one click again to get rid auf the marking.
    it seems that the mouse-up is not recognized.

    can anybody tell me how to stop that behavior?

    kindest regards, frank


    ivailo
    Participant

    Hi frankbur1,

    Please, send jsfiddle or jsEditor demo with your code.
    We tested the case with this multi select demo in Firefox and we can not see such a behavior.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com


    frankbur1
    Participant

    hello ivailo,

    thx for fast answer.
    in your example you have multiselect bei choosing one item at a time. after choosing an element, the dropdown closes automatically.
    i mean multiselect with checkboxes. so the dropdown stays open until a click anywhere on the site.

    $(“#ComboBox”).jqxComboBox({
    theme: theme,
    width: 200,
    height: 20,
    checkboxes: true,
    source: dataAdapter,
    selectedIndex: 0,
    displayMember: “Auftraggebername”,
    valueMember: “AGID”,
    promptText: “SELECT”
    });

    kindest regards, frank


    ivailo
    Participant

    Hi frankbur1,

    Here is a jsfiddle with your ComboBox.
    It seems to work as expected.
    We recommend you to update to the latest version of the widgets(4.4.0).
    Also, check your console for errors. There you may find the reason about the problematic behavior.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team
    http://www.jqwidgets.com


    frankbur1
    Participant

    hi ivailo,

    i tried this example: http://jsfiddle.net/jqwidgets/BcjKH/
    and firefox shows normal behavior.
    it seems that it is specific to me.

    you ever heard of that behavior i described?

    kindest regards, frank


    frankbur1
    Participant

    hi ivailo,

    i just checked the console in firefox and chrome, chrome console is empty.

    in firefox is a warning getPreventDefault should not be used anymore jquery 1.10.2.min.js and
    a warning unreachable code after return jqxlistbox.js

    not really usefull…

    i dont understand it, because it works in chrome…

    kindest regards, frank


    frankbur1
    Participant

    hi ivailo,

    i found the reason for that strange behavior in firefox.
    what i am building is some kind of dashboard.
    in head area there are a few dropdowns to select the initial data and when you click on go-button you get 2 grids and 5 charts.
    concerning the charts i had a few problems with caching. when i select new values from the dropdowns and pressed ok-button again, chart was reloaded, but with old data.
    so i set cache and async to false.
    in ready function:

    $.ajaxSetup({
    cache: false,
    async: false,
    });

    and i set these two parameters in my ajax-calls also to false:

    $.ajax({
    type: “POST”,
    url: “../WebService/DBService.asmx/GetJsonData1”,
    contentType: “application/json; charset=utf-8”,
    dataType: “json”,
    cache: false,
    async: false,
    data: JSON.stringify({
    sql: “SELECT * FROM bla”,
    datenbank: “CCC”,
    }),
    success: function (response) {
    SuccessDDAktion(response.d);
    },
    error: function (response) {
    alert(“Fehler beim generieren des Aktion Dropdowns”);
    }
    });

    and that is the problem for firefox.
    when i change async parameter to true:

    $.ajax({
    type: “POST”,
    url: “../WebService/DBService.asmx/GetJsonData1”,
    contentType: “application/json; charset=utf-8”,
    dataType: “json”,
    cache: false,
    async: true,
    data: JSON.stringify({
    sql: “SELECT * FROM bla”,
    datenbank: “CCC”,
    }),
    success: function (response) {
    SuccessDDAktion(response.d);
    },
    error: function (response) {
    alert(“Fehler beim generieren des Aktion Dropdowns”);
    }
    });

    than firefox works like chrome and the strange behavior is gone.

    i dont know, why i will have to set the async parameter to true, while loading the dropdowns…
    can you tell me why?

    perhaps it helps someone who is in trouble like me…

    kindest regards, frank

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.