New release: Mobiscroll 4.10.4

What’s New

Bugfixes for iOS 13, iPad OS 13

We fixed an annoying throttling bug that was introduced in iOS 13.4. Click events were not fired on consecutive taps for most of the components.

Quickly tapping on a checkbox, changing days in the calendar, typing values in the numpad, interacting with the listview became erratic.

Also if you were using an inline scroller, like a select or date picker, it broke non-mobiscroll content that was virtually below the scrollable list.

iOS 13.4 not just broke the UX of interacting with the components it made usage hard and annoying.

The cause was how iOS handles non-passive event listeners. We went ahead changed event listeners, like touchstart and touchmove to passive wherever possible. This way we also got rid of the console warnings about non-passive event listeners.

We strongly recommend the move to the latest version of Mobiscroll.

Freeform Numeric Keypad

We fixed the setVal bug in the numpad that prevented the passing of values. Loading up a form with an input and a numpad didn’t pass the value correctly.

Various fixes

Beside the above this release contains a bunch of smaller fixes we came across, including localization fixes, type definition issues, fixes to the Jalali calendar etc.

MOBISCROLL 4.10.4

All Components

FIXED

  • We fixed a major click throttling issue with iOS 13, where not every click event was fired because of the use of non-passive touch event listeners.
  • We fixed a bug that prevented the dynamic change of the themeVariant option from dark to light .
  • We fixed the angular picker components to correctly pass the themeVariant (which can be light or dark) to the underlying mobiscroll inputs.
  • We got rid of violation warnings for not using passive touch event listeners.

Calendar

FIXED

  • We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
  • We fixed a bug which caused a console error if all days on the calendar had at least a label.
  • We fixed the prev / next year navigation in case of the Jalali calendar system.
  • We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' } .
  • We updated the type definitions of the value prop in react. We added support for the null value, that should be used when the calendar needs to be cleared.
  • We fixed the multiple week selection, where limiting the number of selected weeks did not work correctly.
  • We fixed the month names in the Arabic translation.

Datetime

FIXED

  • We fixed the month names in the Arabic translation.

Eventcalendar

FIXED

  • We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
  • We fixed a bug which caused a console error if all days on the calendar had at least a label.
  • We fixed the prev / next year navigation in case of the Jalali calendar system.
  • We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' } .
  • We fixed a bug where the onPageChange , onPageLoading and onPageLoaded events fired twice when only the event list view was visible.
  • We fixed the month names in the Arabic translation.

Navigation

FIXED

  • We fixed the responsive option, which caused an error when used with the navigation component.
  • We fixed a bug where an error was thrown if there were no navigation initially and the snap option was true .
  • We added an improvement to make sure the selected item remains in the viewport after resize.

Numpad

FIXED

  • We fixed the freeform numpad’s setVal method that lost the pass-through value and also broke the process of setting values internally.
  • We fixed a bug that added the decimal separator, when the initial value was an integer.

Range

FIXED

  • We fixed a bug that prevented the onCellHoverIn and onCellHoverOut events to fire after a day was clicked.
  • We fixed a bug which caused a console error if all days on the calendar had at least a label.
  • We fixed the prev / next year navigation in case of the Jalali calendar system.
  • We fixed the invalid option to accept the object format for simple rules as well, like { d: '2020-06-15' } or { d: 'w0' } .
  • We fixed the month names in the Arabic translation.

Scroller

FIXED

  • We fixed a bug where scroller wheels mixed up, if multiple scrollers were initialized with the same options object.

Select

FIXED

  • We added a missing input option for the Angular Select component.
  • We fixed a bug that prevented the initial value to show up in the input, when multiple selection and onPush changedetection strategy was used in Angular.
  • We fixed an issue with Angular, where single select mode was not working correctly with touchUi: false .

For release notes please visit our release history.

PS. If you’re coming from v3: We have composed an upgrade guide for moving from Mobiscroll 3 to Mobiscroll 4.