jQuery UI Widgets › Forums › Editors › NumberInput › Windows vs. Android

Tagged: , , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Nadezhda 9 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Windows vs. Android Posts
  • February 26, 2015 at 11:19 pm Windows vs. Android #67760

    frunobulax
    Participant

    Hi, I’m seeing a difference between desktop and mobile behavior. Using Chrome on both Windows 7 and a Nexus 7.

    In Windows, when I change the initial value, 0.07, to 0.08 using the keyboard, then press Enter, jqxNumberInput(“getDecimal”) returns 0.08 as expected; on the Nexus, when I change to 0.08 with the virtual keyboard and press “Go”, it returns 0.07. However, if I use the spin buttons to change the value, the new value IS returned.

    Also, I have spinMode=”advanced”. On Windows, the increment changes with the caret position; on the Nexus, the increment is always 1.

    Is this WAD?

    I’ve provided a test page below.

    Thanks.

    <!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="utf-8" />
  <title></title>

  <link rel="stylesheet" href="//jqwidgets.com/public/jqwidgets/styles/jqx.base.css" type="text/css" />
  <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script type="text/javascript" src="//jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

  <script type="text/javascript">

    $(document).ready(function () {
      $("#popupValue")
        .jqxNumberInput({
          decimalDigits: 2, decimal: 0.07, inputMode: 'simple', spinMode: "advanced", spinButtons: true, spinButtonsWidth: 36, width: "100%"
        })
        .keydown(
          function (event) {
            if (event.which === 13) {
              var value = $("#popupValue").jqxNumberInput("getDecimal");
              alert("Value = " + String(value));
            }
          }
        )
    });

  </script>

</head>

<body>

  <div id="popupValue"></div>

</body>

</html>
    February 27, 2015 at 9:38 am Windows vs. Android #67792

    Nadezhda
    Participant

    Hello frunobulax,

    Here is an example which shows how to use ‘blur’ event to make the input element to lose focus when “Go” button is pressed: http://jsfiddle.net/mmmbkyq0/.
    If ‘spinMode’ is set to ‘advanced’ on desktop is ‘advanced’, but on mobile ‘spinMode’ is always ‘simple’.

    Best Regards,
    Nadezhda

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

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

You must be logged in to reply to this topic.