### Misc
### Bug Fixes
### Misc
### Misc
core
was signalling completion too early.### Bug Fixes
### Misc
### Misc
### Bug Fixes
### Misc
### New Features
ons.platform.isAndroid
. (#2475).### Bug Fixes
### Misc
### Bug Fixes
page-with-bottom-toolbar
not being set in some cases (#2459)### Bug Fixes
### New Features
maskColor
configuration for alert
, confirm
and prompt
(#2358)### Bug Fixes
static
attribute works with iOS status bar.### New features
static
attribute to avoid animations in the toolbar when pushing or popping pages.### Bug Fixes
### Misc
### Bug Fixes
click
event listener is added to nested tabbars.options
property also for popPage
.toast
method error.### New Features
popPage
method now supports options.times
to pop several pages with one single animation.icon
attribute to automatically create an ons-icon
element.### Bug Fixes
click
events in a row when placed inside a label
tag.ons.forceUIWebViewScrollFix()
method is available which may negatively affect momentum scroll in some situations. Also, a ons-ios-scroll
class is added to document.body
when dialogs are visible to apply custom fixes.### Misc
### New Features
prevent-tap
attribute or ons-*
elements.resetToPage
can now perform ‘pop’ animation if options.pop
is true
.### Bug Fixes
ons-ripple
parents anymore.ons-scope
directive works when placed on the same element as var
attribute.### Misc
threshold-height
is not disabled anymore when its value is lower than the height.onSwipe
property function that gets the swiped distance on drag.onSwipe
property function that gets the swiped distance on drag.select-*
to select--*
.element.scope()
call that depends on AngularJS Debug Data.onsenui-core.css
file. This can be included instead of onsenui.css
in order to reduce app size.disableIconAutoPrefix
method to avoid adding fa-
prefix to non-prefixed icons. This allows using custom icon packs.esm
folder is available for ES Modules environments. It allows importing specific components instead of the whole bundle. See Reducing App Size
section in the guide for more details.ons-modal
now exposes event handlers (ons-preshow
, ons-postshow
, ons-prehide
, ons-posthide
) and toggle
method.ons-tabbar
placed at the same level.div
children (instead of button
).ons.NavigatorElement
is now ons.elements.Navigator
. This should only affect if you were registering custom animations.NavigatorTransitionAnimator
has been renamed to NavigatorAnimator
like all the other animators. This should only affect if you were registering custom animations.core-src
directory has been removed. esm
can be used instead. This should only affect if you were manually importing specific components instead of the whole bundle.<ons-page>
. Fixed #2231.--tap-highlight-color
variable for -webkit-tap-highlight-color
CSS property.aligned
modifier.word-wrap: break-word;
to .card
. Fixed #2244..toast
in onsflag-iphonex-portrait
mode.<ons-page>
. Fixed #2231.user-select
. Fixed #2227.html[onsflag-iphonex-portrait]
and html[onsflag-iphonex-landscape]
flags.dark-onsen-css-components.css
.css-components-src
.isIPhoneX()
, isIOSSafari()
, isUIWebView()
and isWKWebView()
..action-sheet
and .action-sheet-button
..list-title
.ons-loading-placeholder
attribute broken on iOS 11.css/old-onsen-css-components.css
.findIndex
issue on Android 4.4.4.cover-content
modifier and iOS status bar in nested pages.ons-segment
element.ons-segment
bindings.mockStatusBar
utility to create a fake iOS status bar for browser testing.onPull
property function that gets the pulled distance on drag.onSwipe
property function that gets the swiped distance on drag.swipeable
attribute enables this feature.script
tags might not be ready on time.required
attr. Fixed #2169.nodivider
modifier should not hide chevron
.cover-content
modifier works with iOS status bar.reveal
animation.modifier
classes are restored when class
attribute is modified.active
attribute is not provided in any tab.innerHTML
.slide
animation is now performed by default unless it is disabled with animation="none"
attribute. fade
animator has also been removed (incompatible).ons-tab-active
and ons-tab-inactive
attributes (from Onsen UI v1).min
attr is provided.ons.modifier
object with a new set of methods to alter modifier
attributes.lift
animation (#2078).cover-content
modifier. Should be combined with transparent
modifier.build/css/onsenui.min.css
..back-button__label
(improves iOS slide animation).ons-alert-dialog-button
elements.size
attribute on ons-ripple
elements.ons-range
, ons-checkbox
, ons-radio
, ons-toolbar-button
, ons-back-button
and ons-alert-dialog-button
elements for Material Design.size
attribute.ons-tabbar
issues. Fixed #2082..text-input--transparent
modifier (same as default style).ons.preload
method to manually cache templates. This improves performance when pushing pages.HTMLTemplateElement
(<template>
). The former <ons-template>
is still supported for backward compatibility.<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-tabbar
now applies visibility:hidden
instead of display:none
to pages. This fixes issues for ons-lazy-repeat
and ons-carousel
inside ons-tabbar
.checkbox
on iOS.radio-button
on iOS.button
on Android.progress-bar
on Android.progress-circular
on Android.checkbox
animation on Android.list-item--chevron
.font-awesome
icon library.ascend
animator performance.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>
import * as ons from 'onsenui';
in TypeScript.--material
modifier on notification
CSS components.reveal
animation glitch.select
. Fixed #2017.range
on iOS.onsenui
package.module
property from package.json
temporarily.action-sheet
component.toast
component.card
component.segment
component.ons-action-sheet
and ons-action-sheet-button
elements.ons-toast
element.ons-card
element.ons.openActionSheet(...)
for creating inline ons-action-sheet
elements.ons.notification.toast(...)
for creating inline and queued ons-toast
elements.ons.createElement(...)
that allows creating new elements from templates or inline HTML.onsenui
is now available as ES Modules.removePage
method.type='search'
.ons-action-sheet
bindings.ons-toast
bindings.ons-card
bindings.ons-list-title
bindings.onsenui.js
(#1958).refresh
event is now triggered when resized.disabled
attribute.mask-color
attribute.animation
attribute issue.destroy
event when page is unloaded.myNavigator.topPage.data
should now be ready by the time the controller runs. Fixed #1854.Element.prototype.remove
.Element.prototype.classList
.Promise
.CustomEvent
.options.refresh
. prepop
event and removePage
can be used instead.ons-page
tag is not added automatically anymore as a wrapper of the target template. It must be manually specified.<ons-dialog>
, <ons-alert-dialog>
or <ons-popover>
are not added automatically anymore to the target template, they must be manually specified instead.-1
for alert
and confirm
, or null
for prompt
.onsSlidingMenu
and onsSplitView
directives.list-title
component (#1960).ons-list-title
element.push
and reveal
animations (#1916).Set
and Map
in order to support old browsers (#1967).destroy
event when page is unloaded (#1934).myNavigator.topPage.data
should now be ready by the time the controller runs. Fixed #1854.bower.json
.ons-alert-dialog
, ons-dialog
, ons-modal
and ons-popover
(#1935).vue-onsenui
(#1925).bower.json
.ons-back-button
default behavior is now overriden if ng-click
is provided (#1749).self
in setImmediate
polyfill (#1903).ons.platform.isSafari()
compatible with Safari 10 (#1910).build/css/onsen-css-components.min.css
.value
attribute.active-icon
attribute.onsSelect
directive working with ngModel
.autoprefixer
settings for onsenui.css
.default
and slide
animation in iOS 9 and iOS 10.animation
attribute.number input
retains number type variable with ngModel
.range
components.options.refresh
.ons-sliding-menu
and ons-split-view
..tab-bar
to .tabbar
..navigation-bar
to .toolbar
..list__item
to .list-item
..list__header
to .list-header
..button-bar__item > input
to .button-bar__input
.ons-select
.events
.options.leavePage
.side
property.onClick
property.show
method, hide
method and visible
property.show
supports options.target
.show
, hide
, showItems
, hideItems
, toggle
and toggleItems
now return Promise.this.show()
and some statements before contentReady
.load
method of ons-splitter-content
.content-left
attribute.one
to rowfooter
.disbled
to disabled
.float
attribute style.transparent
modifier for Material Design.dialog-container
class.change
event was not being triggered in some cases.badge
attribute to display notification on tab.options.inputType
and options.class
._compiled
attributes.$templateCache
service.ons._internal.getPageHTMLAsync()
.ons._internal.getPageHTMLAsync()
.ons._internal.getPageHTMLAsync()
.pages
property from an HTMLCollection
to an Array
..page__content
when it has a position
attribute.refresh()
method to user through delegate object.data
object for popPage
.value
property bug for radio and checkbox.orientation
object instead of global._width
property.change
event only once.onDeviceBackButton
property._compiled
attribute.onDeviceBackButton
API for alert-dialog, dialog, modal, page, popover, splitter.isOpen()
method.open
and close
events.onClick
property.input-id
attribute.document.createElement
for several components.animation
attribute dynamically.animation
attribute dynamically.animation
attribute dynamically.icon
and label
attributes.checked
attribute.onAction
instead of setActionCallback
method).MutationObserver
polyfill for older webviews.ons.notification
in Firefox.ons.fastClick
.auto-refresh
attribute.flip
from ons-icon (obsolete, since everything can be done with rotate
)tappable
a boolean and add attribute tap-background-color
value
, secondaryValue
and indeterminate
properties.state
, pullDistance
, height
, thresholdHeight
and disabled
properties.disabled
, visible
, onDeviceBackButton
properties).disabled
, onDeviceBackButton
properties, on-device-back-button
and ng-device-back-button
attributes).deviceBackButton
to a onDeviceBackButton
.disabled
property).disabled
, visible
, inline
properties).disabled
, checked
, checkbox
properties).isOpen
to a property.getPages
, getBackButtonHandler
).setDelegate
in favor of the delegate
property.disabled
property.<ons-navigator>
slide animation.options
poperty.WebComponentsReady
event instead of DOMContentLoaded
.centered
attribute.platform
and orientation
attributes.checkbox
and radio
.ripple
attribute.no-reload
is now the default behavior.show
and hide
methods.options
object. Fixed #1040.ons-progress-bar
and ons-progress-circular
.material
modifier on tab-bar components.android
modifier on all components._currentPageUrl
property.device
plugin.ons-navigator
, ons-dialog
, ons-alert-dialog
, ons-dialog
, ons-sliding-menu
, ons-popover
and ons-tabbar
.submitOnEnter
parameter for ons.notification.prompt()
.tight
modifier.getPullDistance
, getHeight
, getThresholdHeight
methods.fixed-content
attribute.select
method to force a rendering platform.ngController
directive.ngController
directive.'slide'
animation.disableAnimations
and enableAnimations
to control animations display.ons.resolveLoadingPlaceholder()
to delay resolving the placeholder.ons-page
component.options.refresh
parameter for popPage()
.lock-on-drag
attribute to prevent vertical scrolling when user pans left or right.isShown()
method.insertPage()
behaviour with high or low indexes.setActiveTab()
method.ons-splitter
, ons-splitter-side
, ons-splitter-content
and ons-splitter-mask
custom elements.defaultValue
, placeholder
and autofocus
options to prompt.bringPageTop()
method.getCarouselItemCount()
method.ons-scope
Angular directive to allow not binding component to $rootScope
.reload()
method to delegate object to enable manual reloading.<ons-speed-dial>
component.loadPage()
.mask-color
attribute.leavePage
and enterPage
objects to prepop event.swipe-target-width
attribute.persistent
attribute.insertPage()
when pages are inserted on top.postchange
event for carousel on IE11. Fixed #646.$done()
was called.ons.createDialog
, ons.createPopover
and ons.createAlertDialog
can now be supplied with a scope object in order to specify the parent scope of the element. This makes data binding much easier.animation
option to popPage()
.replacePage()
method.'swipeable'
attribute must be added to <ons-carousel>
tags to made them touch swipeable.overscroll
event and event.waitToReturn(promise)
method.auto-scroll-ratio
attribute and related methods.ngChange
directive.ngDisabled
.ngDisabled
. This fixes issue #321.persistent
attributed to prevent tab content from being destroyed when navigating to another tab.hide-tabs
attribute. (atakayama)<ons-pull-hook>
component.ons.navigator
and ons.slidingMenu
can not be used anymore.ons.componentBase
variable. All component variables are attached to this variable if it is truthy. Can be changed to avoid polluting the global scope. Default is window
.<ons-lazy-repeat>
component.ons.bootstrap(['ngAnimate'])
.