jQWidgets Forums

jQuery UI Widgets › Forums › Lists › ComboBox › autocomplete and backspace issue

Tagged: , ,

This topic contains 5 replies, has 3 voices, and was last updated by  Peter Stoev 10 years, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    autocomplete and backspace issue Posts
  • March 6, 2015 at 11:05 am autocomplete and backspace issue #68127

    stevem
    Participant

    Hello,

    can you please confirm whether this is a known bug and if there is potentially a fix/workaround ?

    1. For a combobox with multiselect and autocomplete enabled, select one item.
    2. Start typing “a”, then hit backspace (to delete the “a” only)
    3. The a and the selected item get deleted instead of just the “a”. This is also the case when having any number of other items selected.

    If I disable “autocomplete” everything works fine, so it seems to be specific to that property.

    Example code:

    JS:

    var source = [
      "mona",
      "steph",
      "deb",
     "nancy",
      "joe",
      "rot",
      "andy",
      "mike",
      "sandy"];

  // Create a jqxComboBox
  $("#jqxComboBox").jqxComboBox({
      source: source,
      width: '200px',
      height: '25px',
      autoComplete      : true,
      multiSelect       : true,
      dropDownHeight    : 135,
      dropDownWidth     : 200,
      showArrow         : true
  });

    HTML:
    <div id='jqxComboBox'></div>

    Regards,
    Steve

    March 6, 2015 at 12:33 pm autocomplete and backspace issue #68132

    Nadezhda
    Participant

    Hello Steve,

    You can use the following example:

    <!DOCTYPE html>
<html lang="en">
<head>
    <title></title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcheckbox.js"></script>
</head>
<body>
    <div id='content'>
        <script type="text/javascript">
            $(document).ready(function () {
                var source = new Array("mona", "steph", "deb", "nancy", "joe", "rot", "andy", "mike", "sandy");
                // Create a jqxComboBox
                $("#jqxComboBox").jqxComboBox({ source: source, multiSelect: true, width: 200, height: 25 });
                // trigger selection changes.
                $("#jqxComboBox").on('change', function (event) {
                    var items = $("#jqxComboBox").jqxComboBox('getSelectedItems');
                    var selectedItems = "Selected Items: ";
                    $.each(items, function (index) {
                        selectedItems += this.label;
                        if (items.length - 1 != index) {
                            selectedItems += ", ";
                        }
                    });
                    $("#log").text(selectedItems);
                });
            });
        </script>
         <div style="margin-top: 5px;" id='jqxComboBox'>
         </div>
        <div style="margin-top: 10px; font-size: 13px; font-family: Verdana;" id="log"></div>
    </div>
</body>
</html>

    Best Regards,
    Nadezhda

    jQWidgets team
    http://www.jqwidgets.com/

    March 10, 2015 at 9:24 am autocomplete and backspace issue #68253

    stevem
    Participant

    Thanks Nadezhda,

    while your example works, it does not have the autoCpmplete property set to true as in my example.
    If you enable it you will see the issue I have described in your code as well. So it’s really the combination of both autoComplete and multiSelect that is causing the issue. Can you please try to replicate it and see if it can be fixed ?

    cheers,
    Srteve

    March 10, 2015 at 12:02 pm autocomplete and backspace issue #68267

    Nadezhda
    Participant

    Hi Steve,

    Thank you for your feedback. We will investigate why it occurs.

    Best Regards,
    Nadezhda

    jQWidgets team
    http://www.jqwidgets.com/

    March 17, 2015 at 1:27 pm autocomplete and backspace issue #68733

    stevem
    Participant

    Nadezhda,

    could you please give me an update on when this would be potentially fixed? I have sent you a separate support email with my companies license information (on 11-Mar) which should hopefully help prioritizing this.

    cheers,
    Steve

    March 17, 2015 at 3:19 pm autocomplete and backspace issue #68751

    Peter Stoev
    Keymaster

    Hey Steve,

    We will investigate whether there is or isn’t an issue with backspace. In case we reproduce it, we will create a work item. This means that when we release a new version and you find that item within the Release Notes, it is resolved.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.