2.0.13 release

enactjs · Dec 23, 2022 · ba94aa7 · ba94aa7
2 parents 70d8ad4 + 6a7f00b
commit ba94aa7
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,12 @@
 
 The following is a curated list of changes in the Enact sandstone module, newest changes on the top.
 
+## [2.0.13] - 2022-12-23
+
+### Fixed
+
+- `sandstone/MediaPlayer.MediaControls` to disable buttons when hidden
+
 ## [2.0.12] - 2022-12-13
 
 ### Added

diff --git a/MediaPlayer/MediaControls.js b/MediaPlayer/MediaControls.js
@@ -314,6 +314,7 @@ const MediaControlsBase = kind({
 		actionGuideShowing: ({bottomComponents, children}) => countReactChildren(children) || bottomComponents,
 		className: ({visible, styler}) => styler.append({hidden: !visible}),
 		moreButtonsClassName: ({styler}) => styler.join('mediaControls', 'moreButtonsComponents'),
+		moreComponentsClassName: ({styler, showMoreComponents}) => styler.join({hidden: !showMoreComponents}, 'moreComponents'),
 		moreComponentsRendered: ({showMoreComponents, moreComponentsRendered}) => showMoreComponents || moreComponentsRendered
 	},
 
@@ -344,6 +345,7 @@ const MediaControlsBase = kind({
 		showMoreComponents,
 		moreComponentsRendered,
 		moreButtonsClassName,
+		moreComponentsClassName,
 		actionGuideClassName,
 		spotlightDisabled,
 		spotlightId,
@@ -363,7 +365,7 @@ const MediaControlsBase = kind({
 					null
 				}
 				{moreComponentsRendered ?
-					<Container spotlightId={moreComponentsSpotlightId} className={css.moreComponents} spotlightDisabled={!showMoreComponents || spotlightDisabled}>
+					<Container spotlightId={moreComponentsSpotlightId} className={moreComponentsClassName} spotlightDisabled={!showMoreComponents || spotlightDisabled}>
 						<Container className={moreButtonsClassName} >
 							{children}
 						</Container>

diff --git a/MediaPlayer/MediaControls.module.less b/MediaPlayer/MediaControls.module.less
@@ -24,8 +24,10 @@
 	.actionGuide {
 		padding-top: @sand-mediaplayer-controls-actionguide-padding-top;
 		transition: opacity @sand-mediaplayer-controls-actionguide-time linear;
+
 		&.hidden {
 			opacity: 0;
+			visibility: hidden;
 		}
 	}
 
@@ -36,6 +38,10 @@
 		height: 0px;
 		opacity: 0;
 
+		&.hidden {
+			visibility: hidden;
+		}
+
 		.moreButtonsComponents {
 			> * {
 				margin: 0;

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@enact/sandstone",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "Large-screen/TV support library for Enact, containing a variety of UI components.",
   "repository": "https://github.com/enactjs/sandstone",
   "main": "index.js",

diff --git a/samples/sampler/package.json b/samples/sampler/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sandstone-sampler",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "Component and QA samples for Sandstone",
   "private": true,
   "main": "index.js",