All Versions
105
Latest Version
Avg Release Cycle
77 days
Latest Release
398 days ago

Changelog History
Page 3

  • v2.7.0 Changes

    πŸ†• New Features

    • :tada: css-components: Supported iPhone X with html[onsflag-iphonex-portrait] and html[onsflag-iphonex-landscape] flags.
    • css-components: Added iOS & Material dark color scheme available as dark-onsen-css-components.css.
    • css-components: Refined the css-components previewer located in css-components-src.
    • core: Supported iOS 11.
    • ons.mockStatusBar: Now can also show Android's status bar.
    • ons.platform: Added isIPhoneX(), isIOSSafari(), isUIWebView() and isWKWebView().

    πŸ› Bug Fixes

    • css-components: Fixed usage of alpha function. Fixed #2220.
    • css-components: Fixed wrong margin of .action-sheet and .action-sheet-button.
    • css-components: Fixed style of .list-title.
    • core: Changed to disable FastClick when it isn't needed. Fixed #2000.
    • core: Fixed ons-loading-placeholder attribute broken on iOS 11.
    • ons-page: Minor issue with status bar when the page is moved in DOM.
    • ons-splitter: Correctly set content width on inital split mode. Fixed #2205.
    • ons-tabbar, ons-carousel: Can now be displayed inside dialogs/modals.
    • ons-tabbar: Resizing window while tabbar is not visible should not update the tabbar.
    • dialogs: Prevent scrolling behind dialog masks due to iOS bug. Fixed #2220.
    • deviceBackButton: Fixed #2215.
    • templates: Firefox issue. Fixed #2216.

    Misc

    • core: Auto status bar fill for iOS 7+ WebView is now automatically disabled on iPhone X WebView.

    πŸ’₯ BREAKING CHANGES

    • css-components: Refined iOS & Material color schemes.
      • The previous color schemes are now available as css/old-onsen-css-components.css.
  • v2.6.1 Changes

    πŸ› Bug Fixes

    • GestureDetector: Fixed findIndex issue on Android 4.4.4.
    • templates: Fixed #2163.
    • ons-tabbar: Fixed #2189.
    • ons-tabbar, ons-tab: Fixed several issues on iOS 8.
    • ons-toolbar: Fixed position with cover-content modifier and iOS status bar in nested pages.
    • ons-page: Ensure status-bar-fill is only added to one page.
  • v2.6.0 Changes

    πŸ†• New Features

    • core: Added ons-segment element.
    • angular1: Added ons-segment bindings.
    • ons: Added mockStatusBar utility to create a fake iOS status bar for browser testing.
    • ons-pull-hook: Added onPull property function that gets the pulled distance on drag.
    • ons-carousel: Added onSwipe property function that gets the swiped distance on drag.
    • :tada: ons-tabbar: Tabbar can now be swiped to change pages. swipeable attribute enables this feature.

    πŸ› Bug Fixes

    • core: Device Back Button handler timing issue.
    • GestureDetector: Fixed memory leak from Hammer.js v1.
    • templates: Fixed a bug where script tags might not be ready on time.
    • autoStyle: Fixed #2171.
    • inputs: Accept required attr. Fixed #2169.
    • ons-pull-hook: Different glitches on both iOS and Android. Fixed #1990.
    • ons-list-item: nodivider modifier should not hide chevron.
    • ons-list-item: Fixed #2150.
    • ons-navigator: Fixed #2167.
    • ons-navigator: iOS slide animation with transparent toolbars glitch.
    • ons-tabbar: Hide 1px line between toolbar and top tabbar in some Android devices.
    • ons-modal: Fixed #2066.
    • ons-toolbar: cover-content modifier works with iOS status bar.
    • ons-carousel: Fixed an animation glitch on iOS due to the cubic BΓ©zier curve.
    • ons-splitter: Translate3d glitch when opening with reveal animation.

    Misc

    • Updated type definitions.
    • modifier classes are restored when class attribute is modified.
    • ons-tab: The first tab will be activated if the active attribute is not provided in any tab.
    • ons-carousel: Improved performance. Animation timing has been adjusted to prevent issues on iOS.

    πŸ’₯ BREAKING CHANGES

    • ons-tabbar, ons-carousel: DOM structure has been modified. It should not affect except if you manually modify innerHTML.
    • ons-tabbar: Due to the new swipeable feature, slide animation is now performed by default unless it is disabled with animation="none" attribute. fade animator has also been removed (incompatible).
    • ons-tab: Removed undocumented ons-tab-active and ons-tab-inactive attributes (from Onsen UI v1).
  • v2.5.3 Changes

    πŸ› Bug Fixes

    • ons-speed-dial-item: Apply Material Design style correctly.
    • ons-splitter-side: Fixed #2026.
    • Fixed glitch during push/pop animation when iOS status bar is visible.

    Misc

    • modifiers: internal modifiers are automatically restored when anything removes them.
    • docs: Added missing modifiers and attributes.
  • v2.5.2 Changes

    πŸ› Bug Fixes

    • ons-navigator: Ignore swipes on back buttons.
    • ons-pull-hook: After popPage transition style fix.
    • ons-tabbar: Minor issue fixed to improve compatibility with external routers.

    Misc

    • ons.getScriptPage: Added new method as a shortcut to get the current page and attach lifecycle hooks.
  • v2.5.1 Changes

    πŸ› Bug Fixes

    • onsenui.min.css: Restore 'import' statements.
    • ons-navigator: Swipe-to-pop animation glitch.
    • ons-range: Fixed ripple effect when min attr is provided.
  • v2.5.0 Changes

    πŸ†• New Features

    • core: Added ons.modifier object with a new set of methods to alter modifier attributes.
    • :tada: ons-navigator: iOS Swipe-to-pop feature.
    • ons-modal: Added lift animation (#2078).
    • ons-toolbar: New cover-content modifier. Should be combined with transparent modifier.

    πŸ› Bug Fixes

    • css-components, ons-list-item: Fixed #2100.
    • ons-list: Fixed double top border when located right under toolbar.
    • ons-carousel: Ignores swipes that start outside carousel.
    • Swipeable components: Swipe is now smoother.
    • Swipeable components: Fixed compatibility of some swipeable components.

    Misc

    • core css: Add minimized core css file build/css/onsenui.min.css.
    • css-components: Adjusted font size of .back-button__label (improves iOS slide animation).
    • ons-back-button: Replace font icons with SVG icons.
    • Added ons-alert-dialog-button elements.
    • Added size attribute on ons-ripple elements.
    • Added ripple effects properly on ons-range, ons-checkbox, ons-radio, ons-toolbar-button, ons-back-button and ons-alert-dialog-button elements for Material Design.
  • v2.4.2 Changes

    πŸ†• New Features

    • ons-fab: Added new appearances for iOS.
    • ons-ripple: Added size attribute.

    πŸ› Bug Fixes

    • Revert a recent change that creates ons-tabbar issues. Fixed #2082.
  • v2.4.1 Changes

    πŸ› Bug Fixes

    • ons.notification.prompt: Only returns input value if the clicked button is primary. Otherwise, returns null. Fixed #2050.
    • ons-input, ons-search-input: Fixed #2075.
    • ons-icon: Its class attribute is now recovered after modifications.

    Misc

    • css-components: Removed .text-input--transparent modifier (same as default style).
  • v2.4.0 Changes

    πŸ†• New Features

    • core: Separated files are now cached after the first request. This improves performance when pushing pages.
    • core: Added ons.preload method to manually cache templates. This improves performance when pushing pages.
    • :tada: core: Support for HTMLTemplateElement (<template>). The former <ons-template> is still supported for backward compatibility.
    • core: Added page life-cycle hooks (similar to life-cycle events). <template> elements allow <script> tags in their content, which is useful for initialising pages. Therefore, hooks like pageElement.onInit, pageElement.onShow, etc. have been added.
    • ons-progress-bar, ons-progress-circular: Added new appearances for iOS.

    πŸ› Bug Fixes

    • css-components: Fixed incorrect image path (select, search input).
    • ons-tabbar, ons-lazy-repeat, ons-carousel: ons-tabbar now applies visibility:hidden instead of display:none to pages. This fixes issues for ons-lazy-repeat and ons-carousel inside ons-tabbar.
    • ons-carousel: Fixed #2065.

    Misc

    • css-components: Refined the appearance of checkbox on iOS.
    • css-components: Refined the appearance of radio-button on iOS.
    • css-components: Refined the appearance of button on Android.
    • css-components: Refined the appearance of progress-bar on Android.
    • css-components: Refined the appearance of progress-circular on Android.
    • css-components: Refined the appearance of checkbox animation on Android.
    • css-components: Refined the appearance of list-item--chevron.
    • core: Updated font-awesome icon library.
    • ons-toast: Improved ascend animator performance.

    πŸ’₯ BREAKING CHANGES

    • ons-input: It has been split into different elements: ons-input for text types; ons-checkbox for checkboxes; ons-radio for radio buttons; and ons-search-input for styled search inputs.
      • <ons-input type="radio" checked> => <ons-radio checked>