Popup with InputDateTime closes when interacting with the calendar using touch

Popup with InputDateTime closes when interacting with the calendar using touch

Posted by: pkillick on 4 January 2019, 10:14 pm EST

• 

  pkillick

  • Post Options:
  • Link
    Copy

  Posted 4 January 2019, 10:14 pm EST

  The following fiddle demonstrates the problem.

  https://jsfiddle.net/rosLdtzp/

  Open the popup, touch the date button then touch any target in the calendar. The popup closes in Chrome, but not in Edge. Shouldn’t the popup stay open when using touch?. Is this a bug in Wijmo 5.20183.550?

  <button id="button">Open</button>
  
  <div id="popup" style="padding: 20px">
    <input id="inputDateTime" />
  </div>
  
  var inputDateTime = new wijmo.input.InputDateTime('#inputDateTime');
  var popup = new wijmo.input.Popup('#popup', { owner: '#button' });
  

• 

  pkillick

  • Post Options:
  • Link
    Copy

  Posted 4 January 2019, 10:37 pm EST

  Setting hideTrigger to None on the Popup, as suggested by https://www.grapecity.com/en/forums/wijmo/popups---there-can-only-be, does workaround the problem, but it’s hardly a good solution for a pop-up; the user should be able to touch the background to close it.

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 7 January 2019, 6:12 am EST

  Hi,

  We are unable to reproduce the issue. Could you please confirm these are the steps

  1. Open PopUp using Open Button
     
     2.Click inside Date Control ( where text is written)
  2. Open the calender , which opens the calendar popup
  3. Click on any element inside Calendar popup
• 

  pkillick

  • Post Options:
  • Link
    Copy

  Posted 10 January 2019, 1:30 pm EST

  @abhishek.dutta yes, those are the steps, but you have to be using touch to see the problem… it works fine with mouse clicks…

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 11 January 2019, 2:12 am EST

  Hi,

  We are able to reproduce the issue at our end and it seems like a regression in build 5.20183.550.
  
  We have forwarded this issue to the concerned team for further investigation(Internal tracking Id: 361500). We will let you know regarding any updates on the issue.

  Thanks for reporting.