Release History

What's New

Core

NEW
  • Introducing ES6 modules.
  • If destroy method was called on an open popup, the DOM was not cleared up properly.
FIXED
  • Fallback to 2D scroll with iOS theme in IE10 and IE11.

Scroller

FIXED
  • selected argument of the onItemTap event was always false.

Calendar

FIXED
  • dateWheels setting is taken into account to define the order of year and month in the calendar header.

Range

FIXED
  • Keep already selected time information for start and end dates.
  • Invalid times were set for the range, even if the wheels were scrolled to valid values.

Select

NEW
  • data option now accepts an object where remote data source settings can be defined.
  • New filter option. If true a filter input will be shown above the wheels. Typing in the input will filter the wheel values.
FIXED
  • Inline multiple select did not always update the select value correctly on selection.

Forms

NEW
  • Hover styling and proper mouse cursor styling for segmented and stepper controls for a better desktop experience.
  • Block (mbsc-btn-group-block) and justified (mbsc-btn-group-justified) button groups.
FIXED
  • Display pointer cursor on desktop for the toggle password icon.
  • Description text color, switch color contrast improvements (#417)

Color

FIXED
  • Improved jQuery Mobile compatibility on input styling.
  • Phantom selection remains after refine.
  • In multiple selection mode selected colors remained selected after cancel.

Listview

FIXED
  • Remove scroll event listener from window on destroy only if it was attached.
  • navigate method failed with error for items added dynamically on top level.
  • Don't consider list item visible, if it's partially out of view, when using the navigate method.

Menustrip

NEW
  • Simplify generated markup by using flexbox layout.
  • Hover styling for a better desktop experience.
FIXED
  • Navigation fixes in RTL mode.

Page

NEW
  • A component for basic page styling (background, typography, spacing for top/bottom menustrips).

Widget

FIXED
  • cancel button displayed the closeText instead of cancelText.
  • Radio button rendering glitch if the positioning of the widget contained fractional pixel values.
  • Re-position correctly after resize or orientation change if widget contains content with responsive width styling.

Timer

FIXED
  • Button icons were not showing for the Windows Phone theme.

Integrations

NEW
  • Added missing instance binding to Knockout forms.
FIXED
  • Added setting to React Listview for data keys.

What's New

Core

FIXED
  • Update the tap method accept DOM element or selector as well.
  • Animation performance issues with Material theme in older versions of Chrome.

Datetime

FIXED
  • Correct time display for RTL languages.

Eventcalendar

FIXED
  • Destroy event list scroller instance to prevent memory leaks.
  • The direction parameter of the remove method was not working.
  • Remove click event listener on destroy to prevent memory leaks.

Select

FIXED
  • Remove change event handler on destroy to prevent memory leaks.
  • Remove dummy input on destroy.
  • Add strict boolean check when checking disabled values, otherwise if a value is equal to a built in prototype methods or properties, like `'constructor'`, it will be considered invalid.

Forms

FIXED
  • Change event fired twice on Android 4.x devices. (#376)

Numpad

FIXED
  • allowLeadingZero setting did not work correctly if custom button had multiple digit values, e.g. with a value of '30' 3 was entered, but 0 was not.
  • Correct numeric display for RTL languages.

Color

NEW
  • onItemTap event which is triggered when a color is tapped/clicked. (#415)
  • onPreviewItemTap event which is triggered when a color preview is tapped/clicked.
FIXED
  • onSet method was not triggered in inline mode
  • Slider track was not cleared when a color was unselected.
  • Color preview borders in inline mode was not displayed correctly.

Menustrip

FIXED
  • Remove Material ripple animation div elements on destroy/re-init/refresh.

Widget

FIXED
  • If buttons not specified from settings, default to ['ok'] instead of ['set', 'cancel'].

Measurements

FIXED
  • Correct numeric display for RTL languages.

Number

FIXED
  • Correct numeric display for RTL languages.

Integrations

NEW
  • Added data binding for knockout select component.
  • Measurement directive was missing from angular integration.
  • Measurement binding was missing from knockout integration.
FIXED
  • Scroller wheels class updated to 3.x structure in ASP.NET MVC.
  • Multiple image components in angular, that are in the same scope won't reinitialize each other.
  • Image component fixed to reload the items when ngRepeat removes items from DOM.
  • React inline select animation fixed.

What's New

Core

FIXED
  • Improved mousewheel / touchpad support for desktop. (#360)

Datetime

NEW
  • No default values for min and max.

Calendar

NEW
  • Improved styling for multiple month view.
  • Mouse hover and cursor effects for desktop.
FIXED
  • After orientation change wrong month was displayed, if min or max month was in view.
  • Better disabled day styling.

Range

NEW
  • Mouse hover effects for desktop.
FIXED
  • RTL styling fix for iOS and Material themes.

Forms

NEW
  • Increase label width for iOS theme.
  • rows attribute on textarea is used to determine the max displayed rows.
FIXED
  • Border radius fix for Material theme stepper (#405)
  • Cannot moved the slider handles, when the handles was pulled to the max value.

Numpad

NEW
  • Holding tap on delete button will continuously delete the entries (#324)
  • Negative value support for decimal preset (#309)
FIXED
  • allowLeadingZero setting did not affect custom buttons.

Color

NEW
  • Brand new colorpicker component.

Listview

FIXED
  • undo function call arguments changed to be consistent with the action function.

Widget

FIXED
  • Content with background overlapped border radius (iOS theme).

Languages

FIXED
  • backText and undoText was not correct in some languages.
  • Updated am/pm texts.

What's New

Calendar

FIXED
  • Time and date wheels in rtl mode were displayed incorrectly in IE11.

Select

FIXED
  • Multiple select values not correctly set to the html select element, if scroller was shown programatically.

Numpad

FIXED
  • Trigger change event on input when value changed in inline mode. (#384)
  • The string 'undefined' appeared on the numpad display when the leftKey or rightKey did not have a value field defined.

Listview

FIXED
  • The option method was not working correctly.

Menustrip

FIXED
  • The option method was not working correctly.
  • Height was not rendered correctly after reinitializing the component.

What's New

Core

FIXED
  • Animation performance issues with iOS and Material themes in center mode.

Datetime

FIXED
  • If date was rendered on one wheel, it worked incorrectly in timezones with negative offset.

Range

FIXED
  • With empty toText and fromText the range buttons were not rendered correctly with the iOS theme.

Select

NEW
  • Center row highlight is not shown when group options and multiple select is enabled.
FIXED
  • Don't validate on component initialization, if initial select value is invalid.

Forms

FIXED
  • Change direction of progress, slider and switch in RTL mode (#393)
  • Slider worked incorrectly if page was zoomed in and/or horizontally scrolled.
  • Slider option method was not working correctly.

Numpad

FIXED
  • When the keys were tapped fast, not every tap was recorded.

Listview

FIXED
  • Dynamically added group headers did not work as fixed headers. (#402)

Menustrip

FIXED
  • Snap worked incorrectly if menustrip was not visible during initialization, even after calling refresh (#395)

Widget

FIXED
  • Form fields were not working inside widget in inline mode.
  • Positioning error if widget contained other modal Mobiscroll components.

Integrations

FIXED
  • React select updates the value when the options are updated.
  • React widget won't hide when it has controlled input inside it.
  • React measurement undefined mixin warning fixed.
  • React slider input warnings fixed.

What's New

Core

NEW
  • Improved popup positioning using fixed position and forcing bottom toolbar to show on iPhone.
FIXED
  • In RTL mode iOS button order was the same as in LTR.

Datetime

NEW
  • Be able to display date and time on one wheel.

Calendar

FIXED
  • Incorrect rendering if week numbers displayed.
  • In multiple selection mode error was thrown if defaultValue specified and the input field had an initial value.
  • If option method was called on inline calendar, scrollview instances were not properly destroyed.
  • Trigger onSet event in inline mode, when day selected.

Forms

NEW
  • option method was not working correctly.
  • Styling for form groups: mbsc-form-group, mbsc-form-group-title and mbsc-form-group-inset classes.
FIXED
  • Labels are fully left aligned, if icon is present (Material theme).
  • RTL mode rendering issues.

Numpad

FIXED
  • 'undefined' appeared on the numpad display when the leftKey or rightKey did not have a value field defined.

Listview

FIXED
  • option method was not working correctly.

Menustrip

FIXED
  • option method was not working correctly.
  • Height was not rendered correctly after reinitializing the component.
  • If swipe was allowed to one direction only, but a stage was defined on the other direction as well, on quick swipe the stage was activated.

Rating

FIXED
  • Grading style fixes if box-sizing is set to border-box for all elements.

Integrations

NEW
  • React Form Label component with validation property.
FIXED
  • React rating style option naming collision fixed.
  • React Listview component properly updates items.
  • React Select component accepts select element as child.
  • React Stepper component won't multiply elements on dynamic settings update.

Themes

NEW
  • 3D scroll effect for scroller components with iOS theme.
  • iOS Dark theme.

What's New

Core

NEW
  • Built in support for UMD (Universal Module Definition) loading. (#323)
FIXED
  • Incorrect dimension calculations and positioning when pop animation is used with jQuery 3.x.

Integrations

FIXED
  • React case sensitive props changed. (#386)
  • React undefined variable when using module loaders.

What's New

Core

NEW
  • Pop animation speed up.
  • Set pop animation as default for center display mode.
FIXED
  • Forget automatic settings when using the option method.
  • Trigger onSet event in inline mode as well.

Scroller

FIXED
  • Wrong number of wheels displayed if wheels were changed dynamically with the option method.

Select

FIXED
  • Group wheel styling fix for the iOS theme.

Numpad

FIXED
  • Trigger change event on input when value changed in inline mode. (#384)

Integrations

NEW
  • React integration added.

What's New

Datetime

FIXED
  • 24H time cannot be set with timeFormat setting only. (#381)
  • Styling fixes for the Windows Phone Light theme.

Calendar

FIXED
  • Limiting multiple selection was not working. (#369)
  • Time and date wheels rendering error in IE11 rtl mode.

Range

FIXED
  • Set button remained disabled, even after correction. (#380)
  • End time could not be set on the time wheels. (#378)

Select

FIXED
  • In multiple selection mode the value of the html select was not correctly set. (#382)
  • In multiple group select mode, selected style was present on unselected items as well.
  • In multiple group select mode, the multiple select wheel was incorrectly styled with the iOS theme.

Menustrip

FIXED
  • Tap highlight rendering issue, when a small itemWidth was defined.

Languages

NEW
  • Hebrew translation (thanks to Amir Barzilay).

Measurements

FIXED
  • step setting only worked on the fraction wheel.
  • Unit names not showing correctly after setting options runtime. (#377)

Number

FIXED
  • step setting only worked on the fraction wheel.

What's New

Core

NEW
  • jQuery is no longer a dependency. If jQuery is loaded, it still can be used as a jQuery plugin.
REMOVED
  • IE<10, Android<4.0 is not supported any more.
  • Deprecated setValue, getValue, setValues, getValues methods were removed.
  • tap option is removed.
  • mode option is removed, use the showScrollArrows option instead.
  • setDefaults utility function is removed, declare global settings directly in the mobiscroll.settings object.
CHANGED
  • Event arguments are passed as an event object instead of parameter list to the handler function.
  • Use display: 'center' instead of display: 'modal'.
  • Use closeOnOverlayTap instead of closeOnOverlay.
  • Use onBeforeClose instead of onClose.
  • Use onClose instead of onClosed.
  • Use onSet instead of onSelect.

Scroller

NEW
  • Infinite and circular wheel support.
CHANGED
  • The keys and values properties of the wheel object are removed, pass an array of objects to the data property instead.
  • changeWheel method arguments changed.
  • Use width instead of fixedWidth.
  • Use onItemTap instead of onValueTap.

Datetime

REMOVED
  • $.mobiscroll.formatDate and $.mobiscroll.datetime.formatDate removed, use mobiscroll.util.datetime.formatDate.
  • $.mobiscroll.parseDate and $.mobiscroll.datetime.parseDate removed, use mobiscroll.util.datetime.parseDate.
CHANGED
  • Use dateWheels instead of dateOrder
  • Use min instead of minDate.
  • Use max instead of maxDate.

Calendar

REMOVED
  • swipe option is removed.
  • liveSwipe option is removed.
  • quickNav option is removed.
  • selectedValues option is removed, use the defaultValue option instead.
  • markedDisplay option is removed, only one marked styling is available.
  • markedText option is removed, use the events option to display text instead of marks.
CHANGED
  • Use setOnDayTap instead of closeOnSelect.
  • Use outerMonthChange instead of divergentDayChange.
  • Use select: 'multiple' instead of multiSelect: true.
  • Use yearChange instead of navigation.
  • Use showOuterDays instead of showDivergentDays.
  • Use calendarScroll instead of swipeDirection.

Range

REMOVED
  • rangepicker() initialization not working anymore, use range() instead.
CHANGED
  • rangeTap option is removed, behavior is always on.

Select

CHANGED
  • Use select: 'multiple' instead of multiple: true.

Color

REMOVED
  • colorpicker() initialization not working anymore, use color() instead.

Listview

CHANGED
  • Use striped instead of altRow.

Measurements

CHANGED
  • Use defaultUnit instead of defUnit.
  • Distance, Force, Mass, Speed and Temperature were merged into one single component, named Measurement.

Timespan

CHANGED
  • Use min instead of minTime.
  • Use max instead of maxTime.

Timer

CHANGED
  • controls option removed, use the mode option instead.

Themes

REMOVED
  • android, ios-classic, sense-ui, sense, sense-dark themes were removed.
  • Deprecated theme names android-ics, android-ics light, android-holo light, wp light, ios7 were removed.
CHANGED
  • CSS class names changed, see full list of changes here.

What's New

Core

FIXED
  • When positioning, only check for focused element, if component is not inline.
  • When showing modal popup, disable form elements on page only on Android < 4.
  • If an element had focus before opening a popup, a flickering occured.
  • Styling was wrong for some controls, if box-sizing: border-box was globally applied (e.g. using with Bootstrap, Kendo, etc.).
  • position method error if called on a control not currently visible.

Calendar

NEW
  • Improve month change arrow functionality, especially in inline mode, preventing accidental month change while scrolling page content.
  • onMonthLoading event which runs every time before a month markup is generated. (#369)
  • redraw method which renders markup without reloading the data. (#369)
FIXED
  • Allow touch events from month view to propagate.
  • Don't hide event bubble popup on mouse drag, if event list was scrolled.
  • Selected day was not always correctly updated if date was changed on the date scroller.
  • Scroller wheels went crazy if Time tab was before Date tab.
  • Workaround added for daylight saving browser bugs.

Select

FIXED
  • When refreshing, if selected value is not present in the new data, update selected value.

Forms

FIXED
  • Slider data-live attribute can't be switched off.
  • Slider/Progress changing settings with option method duplicated the markup.
  • Long text inside select overlapped the arrow icon.
  • Correct initial stepper value if out of range.
  • stepLabels accepted only string when it was initialized from setting.

Listview

FIXED
  • Text and color support for actions. (#317)
  • Hierarchical navigation scrolled the view to the top of the item, even if the item was already in the view.
  • Auto-scroll during sort was not working correctly.
  • swipe: false was not working inside the itemGroup setting

Widget

FIXED
  • Original markup ended up in wrong place if widget was destroyed.

Languages

NEW

Measurements

FIXED
  • If defaultValue was set, 0 could not be set using the setVal method.

Number

FIXED
  • If defaultValue was set, 0 could not be set using the setVal method.

Integrations

FIXED
  • $digest already in progress error when calling the `clear` method in Angular
  • mobiscroll-instance was not working with forms.

What's New

Core

FIXED
  • clear method was working only if control was visible.
  • Tap improvements.

Datetime

FIXED
  • If day wheel not present, default to current date instead of 1st of month.

Calendar

NEW
  • Be able to limit number of selectable items when multiple select. (#358)
  • readonly option which does not allow calendar selection.
FIXED
  • Block navigation to disabled months if month loaded from quick navigation.
  • Separate weekdays header visually in multiple month view.
  • Fix scroll issue inside event list popup with jQuery Mobile theme.

Select

NEW
  • Be able to limit number of selectable items when multiple select. (#358)

Numpad

NEW
  • decimalSeparator, thousandsSeparator settings for decimal preset.
FIXED
  • Use localized month names when formatting dates.

Listview

FIXED
  • Navigate method was not working correctly in context mode.
  • Pop in, pop out animation fix for newer Chrome versions.

Menustrip

NEW
  • onGestureStart, onGestureEnd, onMove, onAnimationStart, onAnimationEnd events added.

Widget

FIXED
  • Keep focused input in view on iOS.

Languages

NEW
FIXED
  • labelsShort translation fixes for de (thanks to Beat Grabe), es, fr, it, no, pt-BR. (#367)
  • backText and clearText translation in Spanish.

Integrations

FIXED
  • Non-numeric numpad issues with angular validation.
  • Form controls inherit the form theme and language by default.

What's New

Core

NEW
  • Be able to cancel show in the onBeforeShow event. (#346)
  • onClose event is now renamed to onBeforeClose, onClose is deprecated and will be removed in the future. (#298)
  • onClosed event added, which is triggered after the popup is closed and the value is already set. (#298)
  • focusTrap setting added. (#341)
FIXED
  • Better support for Microsoft Edge browser.
  • Get rid of "Uncaught TypeError: Cannot read property 'offset' of undefined" errors.
  • Incorrect wheel value displayed if closed during scroll animation and opened right after.
  • Clickpick mode stucked wheel scroll. (#335)

Calendar

NEW
  • highlightNow setting for highlighting today's date.
  • changeTab method for changing tabs programatically. (#352)
FIXED
  • setVal was not working with date strings. (#333)
  • Trigger onMonthLoaded when tapping on month or year list. (#336)
  • Prevent invalid days to overflow to next month. (#338)
  • day.control received incorrect value in the onSetDate event. (#347)

Forms

NEW
  • Progress control.
  • Slider control.
  • Segmented control.
  • Stepper control.
  • Password visibility can be toggled.
  • Typography variations (extra-bold, bold, medium, light, thin, italic).
FIXED
  • Checkbox and switch disabled styling worked only if input element was before the label and description in the DOM.
  • Text fields autocomplete style improvement for Android Holo Light theme.
  • Cursor was not moved on tap inside textarea.

Numpad

FIXED
  • Numpad appeared with large width in bubble and modal display on IE9.
  • Multiple leading zeroes are no longer displayed.

Listview

FIXED
  • Allow click events on html elements (unless the onItemTap event is used).
  • openAction and openStage methods sometimes caused an infinite loop on Android 4.1.

Languages

FIXED
  • Italian translation spelling fixes. (#342)
  • In case of multiple selection the order of the text and number might vary by language. (#332)

Measurements

FIXED
  • convert: false setting was not working. (#344)

Integrations

FIXED
  • Event calendar event bubble shows up on first click in angular.
  • Angular widget assign value exception when `ng-model` input inside.

Themes

FIXED
  • Bootstrap bubble mode fix. (#343)
  • Jquery Mobile theme was not working correctly if scripts were bundled together with Require JS. (#279)

What's New

Core

FIXED
  • Prevent text size adjust on iPhone / iPod in landscape mode.
  • Increase popup min-width to accommodate Set / Cancel buttons for some languages.
  • Added pointer-events: auto on popup container to increase compatibility with other frameworks (e.g. when used inside Ionic popup).
  • Custom buttons with predefined handlers mixed up between instances, if instances were initialized with the same settings object. (#316)

Range

NEW
  • Improvements in range tap mode.
  • Set button disabled if start or end not selected.
FIXED
  • Start/end labels were not always cleared when value was cleared.
  • Remove opacity from selected days.

Select

FIXED
  • Multiple select scroll jumps. (#320)

Forms

FIXED
  • Multi-line text field initial height was not calculated.
  • If theme not supported, revert to Mobiscroll theme.
  • Prevent double input generation when used with Mobiscroll Select.

Languages

NEW
  • Added Lithuanian translation. (#322)
  • Initialization failed on IE. (#325)
FIXED
  • Added selectedPluralText for plural form of 'selected' in some languages. (#315)
  • Added select, deselect, enable, disable methods. (#329)

Integrations

NEW
  • Added support for angular filters when using listview group headers.
FIXED
  • Angular forms integration can receive init options.
  • Angular datetime with maxlength attribute sets model without raising validation error. (#299)
  • Angular listview templating and animation.
  • Inline components inside angular listview render only once.

Themes

FIXED
  • Display 3 rows on wheel in clickpick / mixed mode when using the Material theme.
  • Readonly wheel disappeared on tap when using the Windows Phone theme.

What's New

Core

NEW
  • Allow changing the display mode and animation settings in the onBeforeShow event.
  • Font smoothing enabled.
FIXED
  • Correctly prevent clicks on underlying elements. (#301)
  • Focus trap is not needed in inline display mode.

Scroller

NEW
  • Wheel item opacity is animated (when changing valid/invalid state)

Datetime

FIXED
  • timeWheels for dutch language was incorrect.
  • Change en-GB locale to use 24 hours format.

Calendar

NEW
  • Add dw-cal-day-marked css class to marked calendar days. (#308)
FIXED
  • Scroll was disabled if full screen calendar was larger than the screen.
  • Event bubble was hiding if scrolled with mouse drag.
  • Week number is always calculated for Monday. (#302)

Select

FIXED
  • Selected group was not updated if refresh method was called.

Forms

NEW
  • Mobiscroll form elements with integrations including text field, multi-line text field, select, checkbox, switch, radio button, button, and typography styles.

Numpad

FIXED
  • Support for more key codes. (#305)

Listview

FIXED
  • Undo text updated for some languages.
  • Stage shortly blinked on swipe start if itemGroups were used.
  • On sort sorted item jumped 1px when entered in sort mode.
  • Prevent background flickering on hierarchical navigation.
  • Only inital listview icons were shown with angular, if expressions were used. (#304)

Menustrip

FIXED
  • Expressions inside items were not re-evaluated if used with angular. (#310)

Widget

FIXED
  • Instead of cloning the widget content, use the DOM element directly to avoid possible id duplications.
  • Space character was not working inside form inputs.

Languages

FIXED
  • Typo fix for French locale, 'Terminé' changed to 'Terminer'. (#313)

Themes

NEW
  • Windows Phone theme accent color and active button style updated.
  • Android Material theme added.

What's New

Core

NEW
  • Keep focus inside the widget in modal mode. (#290)

Scroller

NEW
  • Set mouse pointer style to cursor over scroller wheel items.
FIXED
  • If not initialized on form field, getVal returned null, if the widget was visible.

Calendar

FIXED
  • Fix for re-positioning resize / orientationchange, if the widget had tabs and calendar was not visible.
  • It wasn't possible to change defaultValue dynamically (#296)

Numpad

FIXED
  • Default timeFormat changed from 'HH:ii A' to 'hh:ii A'.
  • If not initialized on form field, getVal returned null, if the widget was visible.

Listview

FIXED
  • On iOS item was removed sometimes in the wrong direction, if swipe was quick.
  • Item animation flickered on delete and on delete undo.
  • Reveal on hover was buggy if used with stages.

Languages

NEW
  • backText and undoText translations added to language files (#292)

Themes

FIXED
  • Windows Phone theme style fixed in clickpick mode.

What's New

Core

NEW
  • Improved keyboard support on desktop. (#272)
  • showOnFocus setting default value changed to false.

Scroller

NEW
  • Integration plugins for Kendo UI, Ember JS, Backbone and ASP.NET MVC.
  • formatResult is deprecated and will be removed in the future. Use formatValue instead.
  • Support for $('myscroller').mobiscroll().scroller(settings); initizalization form.
  • Tapping selected item confirms selection. (#277)
  • Improved mousewheel scrolling.
FIXED
  • Ensure proper display with 1 row and clickpick buttons.

Calendar

NEW
  • Mousewheel / touchpad support.
  • Add first day of week to language files.
FIXED
  • Calendar selected day styling fixes (for WP8.1 Denim).
  • Trigger onMonthChange event on quick navigation as well.
  • Clear month change animation queue on hide. (#280)
  • Week numbers were not loaded correctly when the date was changed with quickNav.

Select

NEW
  • Wheel items are loaded on demand. (#255)
  • In group mode group items can be clustered or continuous. In continuous mode all items available on the option scroll wheel. Group wheel value is updated based on item change. (#256)
  • multiple setting to enable multiple selection.
FIXED
  • In multiselect mode top and bottom items were not selectable if scrolling mode was clickpick or mixed.

Numpad

FIXED
  • Date defaultValue was not working. (#273)
  • Decimal suffix was not working if scale was 0. (#274)
  • Support for 'd' literal character in template. (#275)
  • Timespan parseValue fix.

Listview

NEW
  • hover setting to reveal the list item actions on mouse pointer hover.
  • vibrate on sort start and sort end.

Menustrip

NEW
  • Mousewheel / touchpad support.
  • Selected tab is scrolled to center if variant B styling is applied.

Treelist

FIXED
  • Value was not correctly formatted if set programatically and the scroller was not visible.

Widget

NEW
  • A component to display arbitrary markup inside a mobiscroll frame in modal/bubble/top/bottom/inline positions.

Timespan

NEW
  • getVal and setVal methods are working with milliseconds.

Integrations

NEW
  • Integration support for Select component's data setting.
FIXED
  • AngularJS - mobiscroll-instance directive now parses the attribute value and uses it's assign property. (#281)
  • AngularJS - Properly initialize dynamically generated components inside ngRepeat. (#282)
  • AngularJS - Support for list dividers.

Themes

NEW
  • Use theme: 'auto' to use OS theme.
  • Auto theme support for OS theme based custom themes.
REMOVED
  • accent option for WP theme is no longer supported. Use the Theme Builder instead.

What's New

Calendar

FIXED
  • Calling the option method resulted in an error if the calendar was visible.
  • styling fixes in liquid modal mode for Android and Sense UI themes.

Select

FIXED
  • valueText event parameter had incorrect value (#270).

Numpad

FIXED
  • Date parse was incorrect for date preset.

Listview

NEW
  • Updated arrow styling for Mobiscroll theme.
FIXED
  • List item border styling fixes for Sense Dark theme.
  • Newly added elements were not enhanced.
  • Remove enhancements on destroy.
  • Sort and hierarchical navigation was not working with some versions of App Framework.
  • Enhanced icon was not correctly positioned vertically.
  • Sort with autoscroll was not working correctly if context specified.

Menustrip

FIXED
  • Border color fix for Android theme in bottom mode.

Temperature

FIXED
  • Check if sign wheel is needed, if units are not used.

What's New

Scroller

FIXED
  • Detach keydown event handler from window on hide.

Datetime

NEW
  • steps setting instead of stepHour, stepMinute, stepSecond, also allows starting steps from 0. (#263)

Calendar

FIXED
  • Marked icon was not visible, if had color and text specified.

Listview

NEW
  • enhance setting to automatically add styling to list items.
  • rtl setting for right to left support.
FIXED
  • Listview fixed header was not removed on destroy, if context was specified.

Menustrip

FIXED
  • navigate, prev and next methods for programmatic navigation.

Measurements

FIXED
  • Disable whole value, if all fractions are disabled.

Number

FIXED
  • Disable whole value, if all fractions are disabled.

Integrations

NEW
  • mobiscroll-data attribute added to angularjs listview integration for filter support. (#264)
  • mobiscroll-instance attribute added to angularjs directives for better accessibility. (#266)
  • Added menustrip helper to ASP.NET MVC integration.
FIXED
  • Kendo mobiscroll-color and mobiscroll-range bindings were not working. (#268)
  • Group select was not working with Angular, if generated with ng-repeat.

Themes

FIXED
  • Widget header disappeared if header text was empty.

What's New

Core

FIXED
  • isVisible method returned the DOM element before the first show.
  • Tap was not working on Android 2.3
  • $.mobiscroll.activeInstance is tracked only for modal widgets (other than inline).

Calendar

FIXED
  • Initially selected days were not highlighted with multiple selection enabled.

Numpad

FIXED
  • Decimal preset did not allow entering leading zeroes even if allowLeadingZero setting was true (#259).

Menustrip

NEW
  • refresh method to recalculate dimensions needed for scrolling (#261).
  • Accessibility improvements by adding aria attributes.
FIXED
  • App Framework compatibility fixes.

Timespan

FIXED
  • Don't display 0 values in the input (#260).

Integrations

FIXED
  • Inline calendar jumping between dates with Angular, Ember, Knockout and Kendo integration. (#257)
  • Listview rendering changed using backbone.js and underscore.js. Underscore.js v1.7.0 required.

Themes

NEW
  • Mobiscroll Dark theme.
FIXED
  • Inconsistent wheel item highlight on tap with Windows Phone theme.

What's New

Calendar

FIXED
  • setVal was not working correctly with multiple select if date objects had time (other than 00:00) (#258).

Range

FIXED
  • Stopped working if onClose returned false.
  • defaultValue did not work correctly with empty array.

Image

FIXED
  • enhance setting did not work with App Framework.
  • labels setting did not work properly.

Treelist

FIXED
  • enhance setting did not work with App Framework.
  • labels setting did not work properly.

Themes

FIXED
  • Bubble arrow was dark for Android Holo Light.
  • Bubble arrow was dark for Windows Phone Light.

Plugins

FIXED
  • AutoTheme plugin: Did not load iOS Classic theme on iOS < 7.

What's New

Core

NEW
  • API cleanup: setVal and getVal methods added to all components for setting and getting the selected value(s), instead of getValue, setValue, getValues, setValues, getDate, setDate (#236).
  • API cleanup: setVal and getVal methods added to all components for setting and getting the selected value(s), instead of getValue, setValue, getValues, setValues, getDate, setDate (#236).
  • API cleanup: setArrayVal and getArrayVal methods for getting and setting the 'raw' wheel value array (for scroller components), or the 'raw' number array (for numpad components) (#236).
  • Disable page scroll with mousewheel in desktop browsers, when the popup is visible.
  • Support for predefined button handlers: set, cancel, clear, now, e.g. buttons: [ { text: 'Hide', handler: 'cancel' } ].
  • Support for custom button classes, use btnClass to specifiy the css class for all buttons, or set the cssClass property of the individual button, e.g. buttons: [ { text: 'Set', handler: 'set', cssClass: 'my-btn' } ] (#252).
  • Support for button icons, use the icon property of the individual button, e.g. buttons: [ { text: 'Set', icon: 'checkmark', handler: 'set' } ].
  • Show is called on tap instead of click for faster response.
FIXED
  • Remove animationend event after show, otherwise the popup reappeared after hide in older versions of Chrome.
  • Layout was messed up if a function was passed to the headerText setting, but only if it contained html strings.
REMOVED
  • Setting false for setText and cancelText in order to hide the Set and Cancel buttons is no longer supported. Use the buttons setting instead.

Scroller

REMOVED
  • Old, object based wheel format is no longer supported.

Datetime

FIXED
  • Fixed: On a year/month picker months with less than 31 days were unselectable if current day was 31st.
REMOVED
  • showNow setting is no longer supported. Use the buttons setting instead.
  • Old, object based wheel format is no longer supported.

Calendar

NEW
  • Dynamic font size for liquid / full screen calendars.
  • Elastic scroll for year and month selector.
  • Month and year text is updated in the header when the month change animation starts.
  • swipeDirection setting to enable horizontal or vertical navigation (#251).
REMOVED
  • Old format for passing invalid values, marked days and events is no longer supported.

Range

NEW
  • Initialization changed to $('#range').mobiscroll().range(), $('#range').mobiscroll().Range() is deprecated and will be removed in the future.
  • swipeDirection setting to enable horizontal or vertical navigation (#251).
  • Updated Mobiscroll theme.

Select

NEW
  • data setting for initializing the select component without using a html select, dataText, dataValue, dataGroup settings to define the data object text, value and group property names.

Color

NEW
  • Initialization changed to $('#color').mobiscroll().color(), $('#range').mobiscroll().colorpicker() is deprecated and will be removed in the future.

Listview

NEW
  • actionWidth setting for specify the width of the action menu (#233).
  • openActions function which opens the actions of a list item programatically (#247).
  • openStage function which opens a specified stage of a list item programatically (#247).
  • Additional formats to specify stages: specify sepparate left and right stages, percentages are autogenerated if not specified.

Image

NEW
  • enhance setting to automatically add styling to the list.

Integrations

NEW
  • Angular: Support for ng-model directive.
  • Angular: mobiscroll-scroller directive for custom wheels.

Themes

NEW
  • android-holo theme pixel sizes changed to em.
  • wp theme pixel sizes changed to em.
  • ios theme renamed to ios-classic.
  • ios7 theme renamed to ios, ios7 is still supported, but deprecated.
  • sense5 theme renamed to sense, sense5 is still supported, but deprecated.

What's New

Core

FIXED
  • Popup was outlined on Chrome / OSX.

Calendar

FIXED
  • mousemove and mouseup events were incorrectly detached on swipe end.

Range

FIXED
  • Times were displayed before validation.

Listview

FIXED
  • Sort handle was generated for group headers.

Integrations

FIXED
  • Incorrect null value support.

What's New

Core

FIXED
  • Re-focusing on the input field after closing the widget caused problems in iOS8. Re-focusing is disabled until the problem is fixed.
  • Width/height calculations were incorrect during animation with Zepto and App Framework.
  • Positioning was incorrect if website was zoomed on mobile devices (#248).
  • Re-enable form fields when widget animation starts.
  • Don't add tap highlight to invalid wheel items.

Calendar

FIXED
  • If tab was changed during wheel animation, wheel was visible while animated.
  • Show year suffix in calendar header as well.
  • Javascript error if quickNav setting was set to false.

List

FIXED
  • Fix for parse and format, if number was passed to the setValue method.
  • Incorrect wheel values if there was no data-val attribute present with Zepto and App Framework.

Integrations

FIXED
  • Angular: ng-repeat support for Treelist and Image & Text component directives.

What's New

Core

NEW
  • Allow null value for each component.
  • Show /hide animation improvements: background overlay will fade in and out, faster and smoother animations.
FIXED
  • enable/disable functions (#240).

Datetime

FIXED
  • Time validation fix (#244).

Calendar

NEW
  • Accessibility enhancements (#242): read full date for every day, announce month and year on month navigation, read events and event duration.
  • Month and year selector.

Select

NEW
  • If the select is grouped and group setting is false, group labels will appear as list dividers.
  • If multiple selection is enabled, there is no empty space on the top and bottom of the wheel anymore, and value on the middle is not highlighted.

Numpad

NEW
  • Date picker preset.
  • min and max settings.
  • invalid setting.
  • headerText setting.

Measurements

NEW
  • scale setting which controls the decimal precision (#80).

What's New

Calendar

NEW
  • In multiselect mode input will be filled with all the selected dates.
FIXED
  • Fixed: Event bubble is repositioned on orientationchange or resize.

Numpad

NEW
  • Keyboard support.
  • Custom button support.
  • Time picker preset.
  • returnAffix setting for decimal numpad.
  • mask setting for hiding the entered numbers (e.g. PIN code).
  • defaultValue setting for decimal, time and timespan presets.

Timespan

NEW
  • Allow clickpick and mixed modes.

What's New

Scroller

NEW
  • focusOnClose setting.

Calendar

NEW
  • onSetDate receives a day object with `date` and `control` (where the selection occured: 'calendar', 'date', 'time' or undefined) properties.
  • navigate method to display a specific month on the calendar without setting the date.
  • weekDays option to control the format of week days in the calendar header. Can be full, short or min.
FIXED
  • Time was not set correctly if closeOnSelect was true.
  • In fullscreen mode calendar was not full width.

Range

NEW
  • minRange and maxRange settings for minimum and maximum selectable range.
  • onSetDate receives a day object with date, control (where the selection occured: calendar, date, time or undefined), and active ('start' or 'end') properties (#222).
  • showStartEnd setting.

Numpad

NEW
  • A new control with numeric keys for filling numeric values.

Listview

NEW
  • onNavStart and onNavEnd events on hierarchical navigation.
  • onItemTap event receives the event object as parameter.
FIXED
  • Native input and select elements inside list items were not working (#231).
  • Be able to display multiple rows in group headers.
  • 'ng-if' directive can be used inside li's with 'mbsc-' prefix

Themes

NEW
  • Theme classes are prefixed with .mbsc- to make the classes less generic and avoid conflicts with other libraries.
  • iOS7 like checkmark icon for the iOS7 theme multiselection.
  • New wheel styles for jQuery Mobile and Bootstrap themes.

What's New

Scroller

FIXED
  • Handle resize / orientationchange events per instance.

Range

FIXED
  • When `rangeTap` is true, set end date the same as start date on selection start.

Select

NEW
  • Use font for displaying the multiselect checked icon.

Listview

NEW
  • Tap highlight occurs only if tap action is defined.
  • Improved styling for jQuery Mobile listviews.
  • Support for adding a list item containing sub list.

Languages

NEW
  • Russian translation.

Measurements

NEW
  • Support for greater precision.

Number

NEW
  • Support for greater precision.
FIXED
  • Negative wheel values were incorrectly generated.

Integrations

NEW
  • Ember.js integration
FIXED
  • Angular integration: fixed support for `itemGroups` setting.
  • Angular integration: initial value was not set correctly for calendar and select components.
  • Angular integration: script errors when timer was running.

What's New

Core

NEW
  • rtl setting for right to left support.

Datetime

NEW
  • Support for invalid ranges.

  • valid setting to override invalid dates.

Listview

NEW
  • Undo functionality.

  • itemGroups setting for defining different settings (actions, stages, tap) for different list items.

  • altRow setting for alternate line colors.

  • fixedHeader setting for fixed group headers.

List

FIXED
  • Support for data-val="0" (#223).

Languages

NEW
  • Persian translation and support for jalali dates.

Themes

NEW
  • Changed: android-ics renamed to android-holo.
  • Wp Changed: PNG images are replaced with font icons.

What's New

Core

NEW
  • preventFocus parameter for the show method.

  • Automatic liquid layout based on screen size.

Rating

FIXED
  • Vertical alignment was incorrect with Windows Phone theme.

Integrations

NEW
  • Support for hiearchical listview in Knockout, Angular and Backbone integration.

What's New

Core

FIXED
  • Prevent virtual keyboard popup on some devices (#216).

  • Page scrolled to bottom in IE and FF on show (#214).

Datetime

NEW
  • Added: yearSuffix, monthSuffix, daySuffix settings for improved localization (#142).
FIXED
  • Hour, minute and second steps are calculated from minimum time, if specified (#204).

Calendar

NEW
  • Added: Support right to left languages with the rtl setting.

  • Added: Support for displaying icons on marked days.

Range

NEW
  • Added: autoCorrect setting to disable automatic date adjustment if end is earlier than start.

Select

NEW
  • Added: placeholder setting for the generated input field.
FIXED
  • 'Blank' values can be selected (#215).

Listview

NEW
  • Added: disabled property for stage or action setting.

  • Added: support for hierarchical lists.

Rating

NEW
  • Added: Font icons are being used instead of images. Custom icons can be used with the iconFilled and iconEmpty settings.

  • Added: placeholder setting for the generated input field.

List

NEW
  • Added: placeholder setting for the generated input field.

What's New

Core

FIXED
  • Tap on items did not work correctly on Android 2.3

  • Tap on overlay caused bleed-through on Android 2.3

  • Fallback to english locales if a language is not found (#210).

  • Animations are disabled on Android 2.3

Datetime

FIXED
  • parseDate and formatDate utility functions (#209).

  • minDate and maxDate incorrect behavior (#212).

Calendar

FIXED
  • Page was not scrollable from the calendar if in inline mode or calendar was larger than the screen.

  • If in inline mode, months swipe was broken if used with page transitions on some devices.

  • Month swipe worked incorrectly with min/max date set.

Treelist

FIXED
  • Wheels were not always hidden if tree had different levels (#211).

Timer

FIXED
  • Display fixes for ios, ios7 and android-ics themes.

What's New

Core

NEW
  • Mobiscroll is focused on popup to make keyboard navigation easier (#150).

  • Using css flexible box model for wheel distribution. Falls back to table layout on devices without flex support (IE8 and IE9).

  • Improved Firefox compatibility.

  • layout setting, can be 'fixed' or 'liquid'.

  • multiline setting to wrap the wheel item content into multiple lines.

Calendar

FIXED
  • Keyboard navigation issues.

Range

NEW
  • Initial range is now today + 7 days.

Select

FIXED
  • getValue method was not working correctly in group mode (#202).

Listview

NEW
  • animation setting, if set to false no animation will occur. Default is true.

Treelist

FIXED
  • Readonly setting was not working correctly (#203).

Languages

NEW
  • Romanian, Polish, Russian (UA) translations.

Measurements

FIXED
  • Value is constrained between min and max if set from input or with setValue method.

  • setValue did not work correctly if value was passed as an array (#188).

Themes

FIXED
  • Auto theme chooser did not detect iOS7 correctly (#207).

What's New

Core

NEW
  • activeInstance variable.
FIXED
  • If a default theme or language was set using setDefaults, theme and language settings were not loaded.

Calendar

NEW
  • months setting now accepts 'auto' to automatically determine the number of months to display.
FIXED
  • closeOnSelect setting caused event bleedthrough on some iOS versions.

  • closeOnSelect now always disables divergentDayChange setting.

Range

NEW
  • setActiveDate method.

Listview

NEW
  • pixel units changed to em.

  • swipe setting accepts multiple values: true, false, 'left', 'right', or a function.

  • onSlideStart event.

  • List dividers are now supported by adding data-role="list-divider" attribute to one ore more list elements.

  • sortable setting can be true, false, or 'group'. If 'group', sort is allowed only inside the group defined by the list dividers.

  • actions setting to display a list of icons under the slided list item. If an icon is tapped, the corresponding action will be executed, otherwise the list item slides back.

FIXED
  • Incorrect this reference in action function if called after confirmation.

  • Icon slide issue when more than one listview was present on the page (#198).

Themes

FIXED
  • WP theme fix for clickpick buttons active style.

What's New

Core

FIXED
  • setDefaults method didn't work.

  • null value is set if all options are disabled on a wheel (#196).

Datetime

NEW
  • amText and pmText localization settings.

Calendar

FIXED
  • closeOnSelect setting didn't work correctly.

  • Orientationchange from landscape to portrait didn't work correctly if tabs were present.

Range

NEW
  • getValue method can now return temporary start and end dates (if set button is not yet clicked).

Listview

FIXED
  • Icon and text was not visible with iconSlide setting if used with jQuery Mobile listview.

Languages

NEW
  • en-UK locale settings.

Themes

FIXED
  • Incorrect border radius for active buttons in Android ICS theme (#195).

What's New

Core

FIXED
  • btn parameter was undefined in onClose if clear button was pressed (#181).

Range

FIXED
  • Range picker incorrect bubble positioning with start and end inputs present (#183).

  • setValue method was not working correctly (#189).

Listview

NEW
  • handle setting - allows sort if touch started on the handle.
FIXED
  • Slide was not working in Android 4.0.x.

  • Confirm tap incorrectly fired onItemTap as well.

Timespan

FIXED
  • minTime / maxTime worked incorrectly (#184).

Integrations

FIXED
  • Angular: Directive for select preset now works for dynamically generated options.

Themes

FIXED
  • z-index issue with jqm theme (#187).

What's New

Core

FIXED
  • Higher z-index to show over jQuery Mobile popups.

Calendar

NEW
  • Holding month and year buttons changes month/year until released.

  • months setting to display multiple months.

FIXED
  • Changing tabs sometimes messed up the month slider.

Range

NEW
  • rangeTap setting for faster range selection.

Select

NEW
  • showInput setting, if false hide the input

Listview

NEW
  • onSrelease-tageChange event.

  • onItemTap event.

  • onSlideEnd event.

  • slideIcon setting - icon and text can be positioned to move with the slided element.

  • quickSwipe setting - on quick swipe (less than 300ms and 50px of movement) the first srelease-tage's action is executed.

  • confirm option for srelease-tage actions.

  • move method.

FIXED
  • adding item didn't work correctly on empty list.

  • don't remove list item inline styles on sort end.

List

FIXED
  • In live mode values were not always filled in the input.

Themes

NEW
  • Plugin which decides the theme based on User Agent.

What's New

Core

FIXED
  • setDefaults method now works.

  • Positioning works now correctly with horizontal scroll.

Calendar

NEW
  • data-day attribute for calendar days to allow styling of weekdays (#173).

Listview

NEW
  • scroll window if element is dragged out of viewport.

  • Callback functions to add and remove methods.

FIXED
  • Placeholder was not placed in some cases.

Rating

FIXED
  • parseValue fixed.

Measurements

FIXED
  • Incorrect conversion with setValue method.

Themes

FIXED
  • WP theme calendar tab padding issues fixed.

What's New

Calendar

FIXED
  • Use deep copy when setting events.

Listview

NEW
  • sort setting for reordering lists with onSortStart, onSortStop, onSort, onChange, onUpdate events.

  • add and remove animations.

Timespan

FIXED
  • Labels were incorrectly shown with the iOS theme.

Timer

FIXED
  • Button icons were of with WP theme.

Themes

NEW
  • Bootstrap integration.

What's New

Core

NEW
  • Attach event handlers with latency to improve compatibility with libraries like fastclick.js.
FIXED
  • Remove mobiscroll markup without timeout if no animation.

Calendar

NEW
  • Removed jqm specific behavior.

  • Divergent day change is disabled by default.

FIXED
  • Tab key focus works is enabled on visible month only.

  • Swipe was broken in Android stock browser after opening a native select or virtual keyboard.

Range

NEW
  • Remove jqm specific behavior.
FIXED
  • Date and time was incorrectly set on scrollers when invoked from start or end input.

Listview

NEW
  • New listview component.

Themes

NEW
  • Calendar respects the swatch set by the jqmBody setting.
FIXED
  • Background fix for WP, iOS, iOS7 themes in clickpick/mixed mode.

What's New

Core

NEW
  • 'context' setting (#143).

  • generic buttons.

  • 'minWidh', 'maxWidth' and 'fixedWidth' settings (#112).

  • default theme was updated.

FIXED
  • In bubble mode positioning sometimes ended up in endless scrolling.

  • If another mobiscroll element was under the overlay, it opened on tap.

  • No more blue highlight on wheel tap in Android 4.x.

  • Context got lost in some cases (#163).

Datetime

NEW
  • invalid time ranges (#94, #147).

Calendar

NEW
  • start/end times for multi day events.

  • when a day clicked from another month changes the month and show the event bubble.

  • 'counter' option to show number of selected items in header (if in multi-select mode).

  • live swipe ('liveSwipe' setting).

  • 'showDivergentDays' setting to show/hide days from previous and next months.

  • 'divergentDayChange' setting to enable/disable month change on divergent day selection.

  • week numbers are not sliding.

Range

NEW
  • 'counter' setting to show number of selected items in header.

Select

NEW
  • 'counter' setting to show number of selected items in header.
FIXED
  • hiding the original select is not good for validation (#161).

Treelist

FIXED
  • animation was not working with setValue method.

What's New

Core

NEW
  • Added: Hide set and cancel buttons if their value is false (#134).

  • Added: closeOnOverlay setting.

  • Added: Live mode. If 'Set' button is not present, the value and input is updated on every change.

FIXED
  • Fixed: Mobiscroll was shown again after close in IE with jQuery < 1.9.

  • Fixed: Destroy hides scroller without animation.

  • Fixed: Destroy is called on the element before init preventing re-initialization bugs.

  • Fixed: .mobiscroll('getInst') correctly returns the instance during initialization.

  • Fixed: Positioning fixes on resize/orientationchange/scroll.

  • Fixed: Was not working correctly with fastclick.js.

  • Fixed: Tap was not working in IE10 with touch events (#118).

  • Fixed: Clicking blank space selects last item (#159).

Calendar

NEW
  • Changed: Improved performance on month change.

  • Changed: Refresh calls are postponed until the end of month change animation.

  • Added: closeOnSelect setting to hide the calendar when a day is selected.

FIXED
  • Fixed: Incorrect width calculation when tabs set to 'auto'.

  • Fixed: Event list was not clipped in Firefox Mobile when scrolled.

Range

NEW
  • Added: Show/hide on focus and tap is automatically bind to start and end inputs (if any).

Rating

FIXED
  • Fixed: If created from select, anchor was not correct for bubble positioning.

Languages

NEW

Timespan

NEW
  • Added: minTime and maxTime settings.

Themes

NEW
  • Added: iOS7 theme.

What's New

Core

NEW
  • Changed: Mobiscroll value is automatically updated on input change, this way setValue method is working properly (#79).

  • Added: Utility object exposing some useful variables, currently vendor prefix and 3d support ($.mobiscroll.util.prefix and $.mobiscroll.util.has3d).

  • Added: onDestroy event.

FIXED
  • Fixed: Mixed mode was not working (#141).

Datetime

NEW
  • Changed: Invalid values have now a different format. Old format is still working but it is considered deprecated and will be removed in the next major release. See documentation for details.

  • Added: defaultValue setting to specify default date.

FIXED
  • Fixed: 'Now' button did not trigger the onChange event (#145).

Calendar

NEW
  • Changed: Invalid and marked settings have now a different format. Old format is still working but it is considered deprecated and will be removed in the next major release. See documentation for details.

  • Added: events setting to pass any number of events. Events are shown in a context bubble. See documentation for details.

FIXED
  • Fixed: Calendar header buttons were not disabled on show, only after first month change.

Range

NEW
  • Added: This is new component for daterange selection.

Color

NEW
  • Added: defaultValue setting to specify default color.

Rating

NEW
  • Added: defaultValue setting.

List

NEW
  • Added: defaultValue setting.

Measurements

NEW
  • Added: defaultValue setting.

Timespan

NEW
  • Added: defaultValue setting.
FIXED
  • Fixed: setValue was not working, if value was out of wheel range.

Timer

FIXED
  • Fixed: On destroy timer interval wasn't stopped.

Themes

NEW
  • Added: Support for jQuery Mobile 1.4.0-alpha1.
FIXED
  • Fixed: Header was not hidden correctly in android-ics, android, jqm and sense-ui themes.

What's New

Core

FIXED
  • Fixed: Tap was not removed from element on destroy.

  • Fixed: Mouse scroll wheel now works with Zepto and jqMobi.

  • Fixed: Whitespace after buttons in Firefox.

  • Fixed: After hide scroller was shown again in IE.

  • Animation Fixed: Flickers on Firefox.

Calendar

FIXED
  • Fixed: Fixed swipe animation in Firefox / Android.

What's New

Core

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes (#48).

  • Added: Reposition scroller if scroll occurs (#106).

  • Added: showOnTap option.

  • Changed: Use on/off for attaching and detaching events instead of bind/unbind/delegate.

FIXED
  • Fixed: Mouse scroll wheel now works with Zepto and jqMobi.

  • Fixed: +/- buttons were shortly hidden during animation.

  • Fixed: Wheel was incorrectly labeled if empty string was passed.

Calendar

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes for calendar.

  • Changed: Improved month change animation.

Select

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes for multiselect mode.
FIXED
  • Fixed: Group label was incorrect.

Color

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes.

Rating

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes.
FIXED
  • Fixed: Layout was broken in Firefox / Android with stars + text.

Languages

FIXED
  • Fixed: dateOrder and dateFormat corrected for Hungarian language.

Timer

NEW
  • Added: Accessibility features - keyboard shortcuts and WAI-ARIA attributes.
FIXED
  • Fixed: WP theme top padding removed.

What's New

Core

NEW
  • Changed: Refactored method calls resulting in smaller file size.

  • Changed: New wheel format using arrays instead of objects to maintain the order of items. Old wheel format is still supported, but deprecated. See documentation for details.

  • Changed: Cleaned up css.

  • Changed: position method is now public.

  • Changed: Remove setInterval which was running to get update the actual position of a moving wheel. Position is now dynamically calculated only when needed.

FIXED
  • Fixed: Firefox / IE display bug, wheel groups were shown under each other, even if there was enough space (#104).

  • Fixed: Form fields remained disabled in Firefox if page was reloaded before hiding mobiscroll (#126).

  • Fixed: Call stopPropagation on move event to make it work correctly with iScroll (or similar libraries) (#14).

  • Fixed: settings property is now correctly exposed (object reference is kept).

  • Fixed: Added "-webkit-backface-visibility: hidden;" to some elements to prevent animation glitches in webkit.

Calendar

NEW
  • Changed: Performance improved when calendar is updated when moving the wheels on the scroller.

  • Added: Month and year can be changed sepparately in the header.

  • Added: Month and year order in calendar header is now controlled by the 'dateOrder' setting (#122).

  • Added: Tabs for calendar, date, and time controls. Displaying tabs can be automatical (if there is not enough space for all the controls), always on, or always off.

  • Added: Custom color for marked sign and event background.

  • Added: Different styling for marked days (colored bottom line).

FIXED
  • Fixed: "dayOfWeek: [0]" was not working for marked days.

  • Fixed: Date passed to the onDayChange event was not always correct.

Select

FIXED
  • Fixed: In multiselect mode old checkmarks were not removed when setValue method was called (#129).

Temperature

FIXED
  • Fixed: "°K" changed to "K" on unit wheel (#124).

Languages

NEW

Themes

FIXED
  • Jqmobi Fixed: css function returned NaN for margin in outerWidth function.

What's New

Core

NEW
  • Changed: Transition is done by directly editing the property instead of the style attribute (#59).
FIXED
  • Fixed: wheel overlay was blinking during animation.

  • Fixed: wheel overlay sometimes did not cover the whole wheel (on Google Chrome and Android stock browser).

  • Fixed: showLabel setting now works for all themes.

What's New

Core

NEW
  • Added: onPosition event.
FIXED
  • Fixed: Firefox for Android wheel content overflow (#87).

  • Fixed: Remove html parameter from onBeforeShow event (#111).

  • Fixed: Position mobiscroll on orientation change as well (resize is not always fired on iOS).

  • Zepto Fixed: Window width and height calculations (exclude scrollbar).
  • Jqmobi Fixed: Window width and height calculations (exclude scrollbar).

Calendar

NEW
  • Changed: Month change on swipe is now improved and more fluid.

  • Added: Text can be added to marked days.

  • Added: weekCounter option to display week numbers ('year' or 'month').

  • Added: Liquid layout in inline mode.

  • Added: Fullscreen layout in modal mode.

  • Added: Custom width and height for calendar.

Languages

NEW
  • Added: zh-cn language pack.

Measurements

FIXED
  • Fixed: setValue method can be called with animation.

What's New

Core

FIXED
  • Fixed: Could not scroll if scroller was bigger than viewport.

What's New

Core

NEW
  • Added: onAnimStart event.

  • Added: onMarkupInserted event.

FIXED
  • Animation Fixed: In clickpick/mixed mode values were visible above +/- buttons during animation.
  • Fixed: Javascript error on cancel with jqm theme (#99).

What's New

Core

NEW
  • Added: onValueTap event.
FIXED
  • Fixed: Input value was not parsed if value was set after mobiscroll init (#88).

  • Fixed: Tap or click lock scroller in mixed mode (#89).

  • Fixed: Click on wheel arrows ddid not animate switch (#90).

Datetime

FIXED
  • Fixed: Month showed 0 - 11 on wheel using dateOrder 'mdyy' (#92).

Calendar

NEW
  • Added: Multiple day selection functionality.

  • Added: Week selection functionality.

  • Added: onMonthChange event.

FIXED
  • Fixed: During month change animation a day was incorrectly highlighted.

  • Fixed: Month change animation was laggy on iOS5.

Select

NEW
  • Added: Multiple selection functionality (#37).

Measurements

FIXED
  • Fixed: Fraction values are now correctly disabled for negative values as well.

What's New

Core

NEW
  • Changed: validation moved back to touchend instead of animation end.

  • Changed: setValue method now also accepts string or number, not array only (#79).

  • Added: tap option to fire button actions on tap instead of click. Default is true (#83).

FIXED
  • Fixed: tapping on buttons triggered form element focus underneath on Android.

  • Fixed: moving wheels were not stopped correctly on tap on Android > 4 (stock browser).

  • Fixed: initial value can be set now with setValue without filling the input (#77).

List

FIXED
  • Fixed: Wheel remained locked in some cases (#84).

What's New

Core

NEW
  • Changed: Set and cancel events are now fired on tap instead of click (on touchscreen).
FIXED
  • Fixed: theme initialization moved before positioning, as it may affect the width/height of the popup.

Datetime

FIXED
  • Fixed: AM/PM wheel respects timeWheels order as well (#54).

Calendar

FIXED
  • Fixed: set option caused stack overflow (#74).

List

FIXED
  • Fixed: Don't regenerate the list on every change, only if needed.

  • Fixed: setValue did not set the value correctly on hierarchical wheels.

Themes

NEW
  • Added: Windows Phone theme now has an 'accent' option to set the highlight color of the theme. Possible values: 'lime', 'green', 'emerald', 'teal', 'cyan', 'cobalt', 'indigo', 'violet', 'pink', 'magenta', 'crimson', 'red', 'orange', 'amber', 'yellow', 'brown', 'olive', 'steel', 'mauve', 'sienna'.

What's New

Core

NEW
  • Added: isVisible method (#60)
FIXED
  • Fixed: Multiple event firing (#45)
  • Fixed: jqMobi and Zepto error, if loaded multiple times (#72)

What's New

Core

NEW
  • Move event is attached only on demand (#71)
FIXED
  • Positioning fixes

  • Validation bugfix

Themes

FIXED
  • Windows Phone theme: font-size fix in clickpick mode

What's New

Core

FIXED
  • Positioning fixes

  • Firefox animation bug fixed by removing border-radius from the wheel

Datetime

FIXED
  • Expose datetime preset settings to the inst.settings property

Themes

NEW
  • Sense UI theme: border removed when positioned top or bottom

  • Android ICS theme: border removed when positioned top or bottom

What's New

Core

NEW
  • Changed: Use div-s instead of ul-s and li-s

  • Changed: Don't scroll the wheels if validate function returns false

  • Added: 'btn' parameter to the onClose event, 'set' or 'cancel' is passed depending on which button triggered the close

FIXED
  • Fixed: Also disable button elements when showing modal popup

Rating

FIXED
  • Fixed: parseValue returned incorrect value

  • Fixed: value was incorrectly set if elements were generated from a select element

Measurements

NEW
  • Added: if step > 1, fraction wheel is not generated

  • Added: fraction wheel is infinite

Themes

NEW
  • Added: 'jqmBorder' option to the jQueryMobile theme to change the swatch of the border
FIXED
  • Fixed: onCancel event was not fired if scroller was hidden by clicking on the overlay (#58)

What's New

Core

NEW
  • Added: time parameter to the changeWheel method, which means the animation time to scroll the new wheel to the selected value
FIXED
  • Fixed: missing ":" in core css (#46)

  • Fixed: Don't allow to move another wheel until touchend occurs on the currently scrolled wheel

What's New

Core

NEW
  • Changed: prevent collisions if core is loaded multiple times

  • Changed: validate and onChange event runs on scrolling animation end providing a more fluid user experience (#36)

  • Changed: user defined event handlers does not override preset event handlers

  • Added: onShow gets an additional valueText parameter

  • Added: onAnimStart event, which is fired at scrolling animation start, and receives the wheel index, animation time, and the mobiscroll instance as parameters

  • Added: shorthand form for presets: $('.selector').mobiscroll().date(). To add a shorthand for your own, just add the following line in your preset code: $.mobiscroll.presetShort('mypresetname')

  • Added: highlight selected entry on tap

FIXED
  • Fixed: don't do tap ahead, if moving wheel was stopped with a tap

  • Fixed: setValue method was not working correctly (#43)

  • Fixed: if close was canceled (onClose returned false), the value was still set

Datetime

FIXED
  • Fixed: closing release-tag for the short day name and short month name span was incorrectly added

Select

NEW
  • Changed: make it work with late validation
FIXED
  • Fixed: onChange, onSelect, onCancel events received the disabled value, if the user scrolled to a disabled option, event though on the UI was not selectable (#40)

Rating

FIXED
  • Fixed: stars were not aligned to middle in Firefox and IE

List

NEW
  • Changed: make it work with late validation

Themes

NEW
  • Changed: prevent collisions if themes are loaded multiple times

What's New

Core

NEW
  • Animation Added: Internet Explorer 10 support
  • Added: move the wheel to the selected value on tap

  • Added: selected values now have a 'dw-sel' css class

  • Added: support for Windows Phone 8

FIXED
  • Fixed: onClose received null as valueText parameter

  • Fixed: button flickering during animation on Chrome

  • Fixed: options were not correctly updated 'on the fly' (by using the 'option' method on an existing instance) - Issue 112 on Google Code

  • Fixed: wheel could not be stopped on the correct place if another wheel was scrolled before the animation finished

  • Fixed: +/- buttons didn't reappear in mixed mode, if a wheel was changed (e.g. with group select preset)

Datetime

NEW
  • Added: month and day names are wrapped in <span class="dw-mon"> and <span class="dw-day"> to allow more styling
FIXED
  • Fixed: If input had no value, default date/datetime was the time when the control was initialized, not when it was shown

Select

FIXED
  • Fixed: setValue did not set correctly the second wheel, if optgroup was not the original

List

NEW
  • Added: a new preset which transforms ul/ol html lists into a scroller

Themes

NEW
  • Added: Windows Phone theme

What's New

Core

NEW
  • Changed: changeWheel function can change more than one wheel at once
FIXED
  • Fixed: input change is triggered after the modal scroller is hidden (form controls are re-enabled)

  • Fixed: added a dw- prefix for animation css classes to prevent naming collision with other libraries

  • Fixed: the width calculation in positioning skips the width of hidden wheels

Datetime

FIXED
  • Fixed: Day names on wheels fixed (if long name contained 'D', both short and long names appeared)

Select

NEW
  • Added: 'rtl' (right to left) option, when set to true the groups wheel appears on the right

Themes

FIXED
  • Fixed: android-ics skin arrows moves the wheel in correct direction

What's New

Core

NEW
  • Added: new display properties, which controls where the scroller is positioned: 'modal', 'bubble', 'top', 'bottom'

  • Added: 'anchor' property to specify the anchor element for positioning, if 'display' is set to 'bubble'

  • Added: 'animate' property to specify predefined animations in 'modal' and 'bubble' modes, during the show/hide of the scroller: 'fade', 'flip', 'pop', 'swing', 'slidevertical', 'slidehorizontal', 'slidedown', 'slideup'

  • Added: 'scrollLock' setting to disable page scrolling in modal/bubble/docked display modes. Default is 'true'

  • Added: 'changeWheel' public method, which takes the wheelindex as argument, and regenerates that wheel based on the wheel object

  • Changed:'readonly' setting now takes an array too, with the boolean values for each wheel

FIXED
  • Fixed: In 'mixed' mode, if wheel was scrolled and stopped with a tap, +/- buttons remained hidden

Datetime

NEW
  • Added: 'showNow' and 'nowText' options, which renders an additional 'Now' button (if display is not inline)

Select

NEW
  • Added: 'group' and 'groupLabel' options to render two wheels based on optgroups

Themes

NEW
  • Changed: iOS theme is updated

What's New

Core

NEW
  • Added: Support for language files. Controlled from 'lang' option. Specify language related default settings and language files.
FIXED
  • Fixed: 'clickpick' mode worked the same way as 'mixed' in 2.0.2

  • Fixed: 'setValue' was not working correctly.

  • Fixed: Wheels were misaligned on Firefox with ios theme and datetime preset.

Datetime

FIXED
  • Fixed: Time was incorrectly parsed when missing year, month or day wheel.

  • Fixed: Default year value was not set, if outside of startYear and endYear.

What's New

Core

NEW
  • Added: animation time is now passed to the validation event (useful, if you want an action to happen only when the wheel stops moving)

  • Added: wheel containers have now numbered classes: 'dwwl0', 'dwwl1', 'dwwl2' etc. to allow different styling for each wheel

FIXED
  • Zepto Fixed: in 'mixed' mode clicking on the +/- buttons caused a short button blink

Datetime

FIXED
  • Fixed: 'shortYearCutoff' option was not working correctly. (With '+10' value if 2 digits years were used, 12 was converted to 1912 instead of 2012)

  • Fixed: if day was not present on the wheels (e.g. credit card expration), the date object defaulted to today's date, which resulted in incorrect value, if current month had more days as the selected month

  • Fixed: day names were incorrect, if initial validation changed the month from an invalid value to the nearest valid one

Select

NEW
  • Added: 'invalid' option to set certain values unselectable. This option takes precedence over the disabled options in the original html select element.

  • Added: 'label' option to set the label of the wheel. If not present, the label is taken from the original html select element's label, and falls back to the select element's name attribute, if the label doesn't exist

FIXED
  • Fixed: 'setValue' and 'getValue' methods overwrote the core methods and were unusable for other presets or custom scrollers

Themes

FIXED
  • Jquery mobile themeFixed: Button appearance with JQM 1.1.1

What's New

FIXED
  • Fixed: HTML5 min/max attributes propagated to other scrollers

  • Fixed: jQuery Mobile 1.0 compatibility (Issue 95)

  • Fixed: Using values like "1.0", "2.0", etc. on custom wheels caused incorrect behavior because they were converted to numbers and became 1, 2, etc.

  • Fixed: fast scrolling caused value loss, if validation changed another wheel value with animation

  • Fixed: when element was created for 3d testing: document.createElement(mod) - mod was undefined

  • Fixed: setValue and getValue was not working correctly with the select preset

  • Fixed: timeWheels option did not modify the order of the wheels

What's New

FIXED
  • Fixed: setValue / setDate methods did not animate the scroller if time was specified

  • Fixed: In some cases date validation scrolled the day wheel to empty value

  • Fixed: Datetime preset's setDate and getDate methods were using last created instance's resources

  • Fixed: Select options were reordered, if values were numbers

  • Fixed: When using option method to change options on the fly, preset and theme defaults overrode user settings

What's New

NEW
  • Added: invalid option for the datetime preset to set dates unselectable. There are three properties to specify dates, all can be used separate or combined. dates is be an array of dates to disable exact dates on the scroller. daysOfWeek is an array with values from 0 to 6, daysOfMonth is an array which accepts numbers (e.g. every month's 2nd day) or a string in 'x/y' format (e.g. 12/24 means every year's 24th 12 is disabled). A sample configuration: invalid: { dates: [new Date(2012,5,4), new Date(2012,5,13)], daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] }

  • Added: The select preset automatically disables elements on the scroller if they were disabled in the original html select element

FIXED
  • Fixed: In clickpick mode minus button had plus button behavior

  • Fixed: In inline mode getValue always returned the initial values

  • Fixed: min/max attributes were incorrectly parsed when using HTML5 time input

What's New

NEW
  • Changed: preset option no longer defaults to 'date',
  • it must be explicitly specified!
  • Changed: wheels option no defaults to empty array ([]) instead of null

  • Changed: valid scroller items now have the class "dw-v" instead of "valid"

  • Changed: in 2.0.0-rc1 days not in month were styled as disabled, like items out of the min/max range. From now on days not in month now have the class "dw-h" which, by default has a hidden style in css.

  • Added: headerText can accept a function, which must return a string

  • Added: Day of week can be displayed on the scrollers. Use 'D' (short names) or 'DD' (long names) in the dateOrder options. Sample dateOrder value: 'mmD ddy' will produce '05', 'Thu 03', '2012' on the day, month and year wheels.

  • Added: separator option used by the datetime preset to specify the separator between date and time parts. Default is ' '.

  • Added: readonly option, if true, the scroller appears, but cannot be scrolled. Useful if you want to display a nice clock.

  • Added: timeWheels option to show, hide, and format the time related wheels on the scroller. Default is 'hhiiA'. For the hour wheel use 'h', 'hh', 'H', 'HH', for minutes wheel 'i' or 'ii', for seconds wheel 's' or 'ss', for am/pm wheel 'A' or 'a'. E.g. for 24 hour time format with seconds and leading zeroes use 'HHiiss'.

  • Added: support for HTML5 date/datetime/datetime-local/month/time input types. If mobiscroll is attached to such an input, the format is forced to follow standards specifications. In the popup header the value is formatted according to the date and timeformat specified by the user.

FIXED
  • Fixed: Inline mode bug with jQuery Mobile, if it was not on the initial page

  • Fixed: Select preset was not working in inline mode

REMOVED
  • Removed: ampm option is now removed, see the new timeWheels option instead

  • Removed: seconds option is now removed, see the new timeWheels option instead

What's New

NEW
  • Changed: The visibility of year, month and day wheels is now controlled by dateOrder option, e.g. use 'mmyy' to display month and year wheels only

  • Added: display option, which can be 'inline' or 'modal' (default)

  • Added: headerText option to specify a custom string which appears in the popup header. If the string contains '{value}' substring, it is replaced with the formatted value of the scroller. If headerText is set to false, the header is hidden.

  • Added: onShow event

  • Added: delay option to specify the speed in milliseconds to change values in clickpick mode with tap & hold, default is 300
  • Added: Older, set theme option to 'jqm'
  • Added: 'select' preset to enhance a regular HTML select. The original select is hidden, and a dummy input is visible instead. The value of the select is maintained by the preset

  • Added: minDate and maxDate options to specify a range which can be selected. Works for datetime as well.

FIXED
  • Fixed: Android ICS Light skin fix (small +/- appeared above/under arrows)

  • Fixed: onSelect and onCancel events are now called after the popup is closed and all the form elements on the page are re-enabled, making possible to submit the form in these events.

  • Fixed: In custom events this refers to the original HTML DOM element instead of the settings object

REMOVED
  • Removed: beforeShow event is now removed

  • Removed: showValue option is now removed, use the headerText option instead

  • Removed: btnClass option is now removed, button style can be changed by adding css rules to the .dwb class

What's New

NEW
  • Added: showLabel option - show/hide labels on the top of the wheels, default is true
  • Added: showValue option - show/hide formatted value in the header of the popup, default is true
  • Added: Android ICS ('android-ics') and Android ICS Light ('android-ics light') skins

FIXED
  • Fixed: Tap & hold changes the value on a 300ms interval instead of 200ms (for slower devices)

  • Fixed: When using custom wheels, parseValue function defaults to first value on the wheel, if cannot parse the input value to a valid wheel value

What's New

FIXED
  • Fixed: Mouse scroll wheel works now with jQuery 1.7+

  • Fixed: Don't always parse input value on show, only if changed

  • Fixed: Time was incorrectly parsed, if there was no date

What's New

NEW
  • Added: animation on touchend/mouseup event

  • Added: full CSS3 support for Opera 11 and IE10

FIXED
  • Fixed: First selected value did not work correctly by default for custom scrollers

  • Fixed: Incorerect parsing of am/pm time for 12:xx AM

What's New

NEW
  • Added: if the onClose handler returns false, close is now prevented.

  • Added: onCancel event handler.

  • From now we are using .prop to set readonly/disabled states. This means thet jQuery >= 1.6 is required.
FIXED
  • Fixed: Destroy didn't set correctly the original readonly state of the input element.

  • Fixed: Input element is not set to readonly if showOnFocus is false

  • Fixed: Disabled state of form inputs was not correctly reset after hiding the scroller.

  • Fixed: Don't show scroller if disabled and show is called programatically.

What's New

NEW
  • Added: mode option, with two possible values: 'scroller' and 'clickpick', where 'scroller' is the default behaviour, while 'clickpick' renders + and - buttons for each wheel (Android style).

  • Added: new and updated skins: Android, Sense UI, iOS. Set the theme option to 'android', 'sense-ui' and 'ios'

  • Support for jQuery Mobile 1.0beta1 is now removed (click event was not working). Upgrade to beta2 to use the latest version of MobiScroll.
  • 'Scroller' mode is still not working in Firefox Mobile and IE on WP7

  • When using 'Clickpick' mode, very fast taps causes page zoom on HTC Android.

FIXED
  • Fixed: setDate method incorrectly sets year, when seconds option is false

What's New

NEW
  • Added: Date format options for date wheels through the dateOrder option
FIXED
  • Fixed: Click bleedtrough and focus holding with JQM beta 1
  • Fixed: Missing hour 0 on timepicker
So what's next?
Get updates in RSS feed