@enact/spotlight
Advanced tools
Changelog
[1.9.2] - 2017-09-26
moonstone/ExpandableList
preventing updates when its children had changedChangelog
[1.9.1] - 2017-09-25
moonstone/ExpandableList
run-time error when using an array of objects as childrenmoonstone/VideoPlayer
blocking pointer events when the controls were hiddenChangelog
[1.9.0] - 2017-09-22
moonstone/styles/mixins.less
mixins: .moon-spotlight-margin()
and .moon-spotlight-padding()
moonstone/Button
property noAnimation
to support non-animating pressed visualsampler
locale Vietnamese to the locale list knobui/styles/mixins.less
mixins: .remove-margin-on-edge-children()
and .remove-padding-on-edge-children()
to better handle edge margins on container componentsi18n
to classify Vietnamese as a non-latin languagemoonstone/TimePicker
to use "AM/PM" instead of "meridiem" for label under meridiem pickermoonstone/IconButton
default style to not animate on press. NOTE: This behavior will change back to its previous setting in release 2.0.0.moonstone/Popup
to warn when using scrimType
'none'
and spotlightRestrict
'self-only'
moonstone/Scroller
to block spotlight during scrollmoonstone/ExpandableItem
and derivatives to always pause spotlight before animationspotlight
to block handling repeated key down events that were interrupted by a pointer eventui/Holdable
to cancel key hold events when the pointer movesui/Holdable
and ui/Changeable
back to Components and moved performance improvements elsewheremoonstone/Input
height for non-latin localesmoonstone/VirtualGridList
to not move focus to wrong column when scrolled from the bottom by holding the "up" keymoonstone/VirtualList
to focus an item properly when moving to a next or previous pagemoonstone/Scrollable
to move focus toward first or last child when page up or down key is pressed if the number of children is smallmoonstone/VirtualList
to scroll to preserved index when it exists within dataSize for preserving focusmoonstone/Picker
buttons to not change sizemoonstone/Panel
to move key navigation to application close button on holding the "up" key.moonstone/Picker
to show numbers when changing values rapidlymoonstone/Popup
layout in large text mode to show close button correctlymoonstone/Picker
from moving scroller when pressing 5-way keys in joined
Pickermoonstone/Input
so it displays all locales the same way, without cutting off the edges of charactersmoonstone/TooltipDecorator
to hide tooltip when 5-way keys are pressed for disabled componentsmoonstone/Picker
to not tremble in width when changing values while using a numeric width prop valuemoonstone/Picker
to not overlap values when changing values in vertical
moonstone/ContextualPopup
pointer mode focus behavior for spotlightRestrict='self-only'
moonstone/VideoPlayer
to prevent interacting with more components in pointer mode when hiddenmoonstone/Scroller
to not repaint its entire contents whenever partial content is updatedmoonstone/Slider
knob positioning after its container is resizedmoonstone/VideoPlayer
to maintain focus when media controls are hiddenmoonstone/Scroller
to scroll expandable components into view when opening when pointer has moved elsewherespotlight
to not try to focus something when the window is activated unless the window has been previously blurredspotlight
to prevent containers that have been unmounted from being considered potential targetsui/FloatingLayer
to not asynchronously attach a click handler when the floating layer is removedui/ViewManager
to correctly position items when changing mid-transitionChangelog
[1.8.0] - 2017-09-07
moonstone/Dialog
property showDivider
, will be replaced by noDivider
property in 2.0.0moonstone/Popup
callback property onShow
which fires after popup appears for both animating and non-animating popupsi18n
package to use latest iLibmoonstone/Popup
callback property onHide
to run on both animating and non-animating popupsmoonstone/VideoPlayer
state playbackRate
to media eventsmoonstone/VideoPlayer
support for spotlightDisabled
moonstone/VideoPlayer
thumbnail positioning and stylemoonstone/VirtualList
to render when dataSize increased or decreasedmoonstone/Dialog
stylemoonstone/Popup
, moonstone/Dialog
, and moonstone/Notification
to support node
type for childrenmoonstone/Scroller
to forward onKeyDown
eventsui/Holdable
and ui/Changeable
to be PureComponents to reduce the number of updatesmoonstone/Scrollable
to enable focus when wheel scroll is stoppedmoonstone/VirtualList
to show scroll thumb when a preserved item is focused in a Panelmoonstone/Scroller
to navigate properly with 5-way when expandable child is openedmoonstone/VirtualList
to stop scrolling when focus is moved on an item from paging controls or outsidemoonstone/VirtualList
to move out with 5-way navigation when the first or last item is disabledmoonstone/IconButton
Tooltip position when disabledmoonstone/VideoPlayer
Tooltip time after unhoveringmoonstone/VirtualList
to not show invisible itemsmoonstone/IconButton
Tooltip position when disabledmoonstone/VideoPlayer
to display feedback tooltip correctly when navigating in 5-waymoonstone/MarqueeDecorator
to work with synchronized marqueeOn
'render'
and hovering as well as marqueOn
'hover'
when moving rapidly among synchronized marqueesmoonstone/Input
aria-label for translationmoonstone/Marquee
to recalculate inside moonstone/Scroller
and moonstone/SelectableItem
by bypassing shouldComponentUpdate
spotlight/Spottable
to clean up internal spotted state when blurred within onSpotlightDisappear
handlerChangelog
[2.0.0-alpha.2] - 2017-08-29
ui/Scroller
and ui/VirtualList
Changelog
[2.0.0-alpha.1] - 2017-08-27
ui/Layout
which provides a technique for laying-out components on the screen using Cells
, in rows or columnsui/Touchable
to support consistent mouse and touch events along with hold gesturemoonstone/Button
, moonstone/Checkbox
, moonstone/FormCheckbox
, moonstone/IconButton
, moonstone/IncrementSlider
, moonstone/Item
, moonstone/Picker
, and moonstone/RangePicker
, moonstone/Switch
and moonstone/VideoPlayer
to use ui/Touchable
ui/Holdable
and ui/Pressable
which were replaced by ui/Touchable
Changelog
[1.7.0] - 2017-08-23
moonstone/TextSizeDecorator
and it will be replaced by moonstone/AccessibilityDecorator
moonstone/MarqueeDecorator
property marqueeCentered
and moonstone/Marquee
property centered
will be replaced by alignment
property in 2.0.0moonstone/TooltipDecorator
config property to direct tooltip into a property instead of adding to children
moonstone/VideoPlayer
prop thumbnailUnavailable
to fade thumbnailmoonstone/AccessibilityDecorator
with highContrast
and textSize
moonstone/VideoPlayer
high contrast scrimmoonstone/MarqueeDecorator
and moonstone/Marquee
property alignment
to allow setting alignment of marquee contentspotlight/SpotlightContainerDecorator
config option continue5WayHold
to support moving focus to the next spottable element on 5-way hold key.spotlight/SpotlightContainerDecorator
config option continue5WayHold
to support moving focus to the next spottable element on 5-way hold keyspotlight/Spottable
ability to restore focus when an initially disabled component becomes enabledmoonstone/Scrollbar
to disable paging control down button properly at the bottom when a scroller size is a non-integer valuemoonstone/VirtualList
, moonstone/VirtualGridList
, and moonstone/Scroller
to scroll on keydown
event instead of keyup
event of page up and page down keysmoonstone/VirtualGridList
to scroll by item via 5 way keymoonstone/VideoPlayer
to read target time when jump by left/right keymoonstone/IconButton
to not use MarqueeDecorator
and Uppercase
moonstone/VirtualList
and moonstone/VirtualGridList
to focus the correct item when page up and page down keys are pressedmoonstone/VirtualList
not to lose focus when moving out from the first item via 5way when it has disabled itemsmoonstone/VirtualList
to not lose focus when moving out from the first item via 5way when it has disabled itemsmoonstone/Slider
to align tooltip with detached knobmoonstone/FormCheckbox
to display correct colors in light skinmoonstone/Picker
and moonstone/RangePicker
to forward onKeyDown
events when not joined
moonstone/SelectableItem
to display correct icon width and alignmentmoonstone/LabeledItem
to always match alignment with the localemoonstone/Scroller
to properly 5-way navigate from scroll buttonsmoonstone/ExpandableList
to display correct font weight and size for list itemsmoonstone/Divider
to not italicize in non-italic localesmoonstone/VideoPlayer
slider knob to follow progress after being selected when seekingmoonstone/LabeledItem
to correctly position its icon. This affects all of the Expandables
, moonstone/DatePicker
and moonstone/TimePicker
.moonstone/Panels.Header
and moonstone/Item
to prevent them from allowing their contents to overflow unexpectedlymoonstone/Marquee
to recalculate when vertical scrollbar appearsmoonstone/SelectableItem
to recalculate marquee when toggledspotlight
to correctly restore focus to a spotlight container in another containerspotlight
to not try to focus something when the window is activated if focus is already setmoonstone/Input
large-text modeChangelog
[1.6.1] - 2017-08-07
moonstone/Icon
and moonstone/IconButton
to no longer fit image source to the icon's boundaryChangelog
[1.6.0] - 2017-08-04
moonstone/VideoPlayer
ability to seek when holding down the right and left keys. Sensitivity can be adjusted using throttling options jumpDelay
and initialJumpDelay
.
moonstone/VideoPlayer
property no5WayJump
to disable jumping done by 5-way
moonstone/VideoPlayer
support for the "More" button to use tooltips
moonstone/VideoPlayer
properties moreButtonLabel
and moreButtonCloseLabel
to allow customization of the "More" button's tooltip and Aria labels
moonstone/VideoPlayer
property moreButtonDisabled
to disable the "More" button
moonstone/Picker
and moonstone/RangePicker
prop aria-valuetext
to support reading custom text instead of value
moonstone/VideoPlayer
methods showControls
and hideControls
to allow external interaction with the player
moonstone/Scroller
support for Page Up/Page Down keys in pointer mode when no item has focus
moonstone/VideoPlayer
to handle play, pause, stop, fast forward and rewind on remote controllermoonstone/Marquee
to also start when hovered if marqueeOnRender
is setspotlight
containers using a restrict
value of 'self-only'
will ignore leaveFor
directives when attempting to leave the container via 5-waymoonstone/IconButton
to fit image source within IconButton
moonstone
icon font sizes for wide iconsmoonstone/ContextualPopupDecorator
to prefer setting focus to the appropriate popup instead of other underlying controls when using 5-way from the activating controlmoonstone/Scroller
not scrolled via 5 way when moonstone/ExpandableList
is openedmoonstone/VirtualList
no not let the focus move outside of container even if there are children left when navigating with 5waymoonstone/Scrollable
to update disability of paging controls when the scrollbar is set to visible
and the content becomes shortermoonstone/VideoPlayer
to focus on hover over play/pause button when video is loadingmoonstone/VideoPlayer
to update and display proper time while moving knob when video is pausedmoonstone/VideoPlayer
long title overlap issuesmoonstone/Panels.Header
to apply marqueeOn
prop to subTitleBelow
and titleBelow
moonstone/Picker
wheeling in moonstone/Scroller
moonstone/IncrementSlider
and moonstone/Picker
to read value changes when selecting buttonsspotlight
to not blur and re-focus an element that is already focusedui/PlaceholderDecorator
to update bounds of Scroller
when the visible
state changedChangelog
[1.5.0] - 2017-07-19
moonstone/Slider
and moonstone/IncrementSlider
prop aria-valuetext
to support reading custom text instead of valuemoonstone/TooltipDecorator
property tooltipProps
to attach props to tooltip componentmoonstone/Scroller
and moonstone/VirtualList
ability to scroll via page up and page down keysmoonstone/VideoPlayer
tooltip-thumbnail support with the thumbnailSrc
prop and the onScrub
callback to fire when the knob moves and a new thumbnail is neededmoonstone/VirtualList
ability to navigate via 5way when there are disabled itemsmoonstone/ContextualPopupDecorator
property popupContainerId
to support configuration of the popup's spotlight containermoonstone/ContextualPopupDecorator
property onOpen
to notify containers when the popup has been openedmoonstone/ContextualPopupDecorator
config option openProp
to support mapping the value of open
property to the chosen property of wrapped componentmoonstone/ExpandableList
to use 'radio' as the default, and adapt 'single' mode to render as a moonstone/RadioItem
instead of a moonstone/CheckboxItem
moonstone/VideoPlayer
to not hide pause icon when it appearsmoonstone/ContextualPopupDecorator
to set accessibility-related props onto the container node rather than the popup nodemoonstone/ExpandableItem
, moonstone/ExpandableList
, moonstone/ExpandablePicker
, moonstone/DatePicker
, and moonstone/TimePicker
to pause spotlight when animating in 5-way modemoonstone/Spinner
to position the text content under the spinner, rather than to the right sidemoonstone/VideoPlayer
to include hour when announcing the time while scrubbingspotlight
5-way target selection to ignore empty containersspotlight
containers to support an array of selectors for defaultElement
moonstone/Input
ellipsis to show if placeholder is changed dynamically and is too longmoonstone/Marquee
to re-evaluate RTL orientation when its content changesmoonstone/VirtualList
to restore focus on short listsmoonstone/ExpandableInput
to expand the width of its contained moonstone/Input
moonstone/Input
support for dismissOnEnter
moonstone/Input
focus management to prevent stealing focus when programmatically moved elsewheremoonstone/Input
5-way spot behaviormoonstone
international fonts to always be used, even when unsupported font-weights or font-styles are requestedmoonstone/Panels.Panel
support for selecting components with .spottable-default
as the default focus targetmoonstone/Panels
layout in RTL localesmoonstone
spottable components to support onSpotlightDown
, onSpotlightLeft
, onSpotlightRight
, and onSpotlightUp
event propertymoonstone/VirtualList
losing spotlight when the list is emptymoonstone/FormCheckbox
in focused state to have the correct "check" colormoonstone/Scrollable
bug in navigableFilter
when passed a container idui/Cancelable
warning for string type cancel handlerwebos/pmloglib
isomorphic compatibility with logging in non-browser environments