Merge branch 'develop' into feature/WRR-992

CHANGELOG.md

@@ -15,8 +15,12 @@ The following is a curated list of changes in the Enact sandstone module, newest
 
 ### Fixed
 
+- `sandstone/Panels.Header` to show title and subtitle properly in `sandstone/WizardPanels`
 - `sandstone/Scroller`, `sandstone/Slider`, and `sandstone/VirtualList` to have default prop when `undefined` prop is passed
+- `sandstone/Scroller` to show scroll indicator when `focusableScrollbar` prop is `true`
+- `sandstone/Scroller` to read out properly when `sandstone/Panels` has `sandstone/Scroller` with `focusableScrollbar`
 - `sandstone/Steps` prop `size` to accept number type
+- `sandstone/VideoPlayer` to show only the mini feedback when pressing play/pause key
 
 ## [2.9.0] - 2024-07-17
 

Panels/Header.js

@@ -438,6 +438,7 @@ const HeaderBase = kind({
 		slotBeforeRef,
 		slotSize,
 		titleCell,
+		type,
 		...rest
 	}) => {
 		delete rest.arranger;
@@ -447,7 +448,6 @@ const HeaderBase = kind({
 		delete rest.subtitleId;
 		delete rest.title;
 		delete rest.titleId;
-		delete rest.type;
 
 		// Set up the back button
 		const backButton = (backButtonAvailable && !noBackButton ? (
@@ -483,7 +483,7 @@ const HeaderBase = kind({
 		// Hide slots for the first render to avoid unexpected positioning when 'centered' is given.
 		// After the first render, HeaderMeasurementDecorator measures widths of slots and set right 'slotSize'.
 		const hideSlots = {
-			opacity: centered && (!slotBeforeRef.current || !slotAfterRef.current) ? '0' : null
+			opacity: centered && slotSize === '0rem' ? '0' : null
 		};
 
 		// The side Cells are always present, even if empty, to support the measurement ref.
@@ -496,7 +496,7 @@ const HeaderBase = kind({
 							{backButton}{slotBefore}
 						</span>
 					</Cell>
-					{titleCell}
+					{(type === 'wizard' && (slotBefore?.props?.visible || slotAfter?.props?.visible) && slotSize === '0rem') ? null : titleCell}
 					<Cell className={css.slotAfter} shrink={!syncCellSize} size={syncCellSize} style={hideSlots}>
 						<span ref={slotAfterRef} className={css.slotSizer}>
 							{slotAfter}{closeButton}

VideoPlayer/VideoPlayer.js

@@ -812,6 +812,7 @@ const VideoPlayerBase = class extends Component {
 		this.mediaControlsSpotlightId = props.spotlightId + '_mediaControls';
 		this.jumpButtonPressed = null;
 		this.playerRef = createRef();
+		this.playbackRate = 1;
 
 		// Re-render-necessary State
 		this.state = {