Update manifest.json for release v1.5.0.19 [skip ci]

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.5.0.9</Version>
+    <Version>1.5.0.19</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -161,7 +161,7 @@
 
 .homeSectionsContainer {
   position: relative;
-  top: 65vh;
+  margin-top: 65vh;
   z-index: 6;
 }
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -605,7 +605,11 @@ const SlideUtils = {
   getOrCreateSlidesContainer() {
     let container = document.getElementById("slides-container");
     if (!container) {
-      container = this.createElement("div", { id: "slides-container" });
+      container = this.createElement("div", { 
+        id: "slides-container",
+        className: "focuscontainer-y",
+        tabIndex: "-1"
+      });
       document.body.appendChild(container);
     }
     return container;
@@ -1589,8 +1593,7 @@ const SlideCreator = {
 
         backdrop = SlideUtils.createElement("div", {
           className: `backdrop video-backdrop ${videoClass}`,
-          id: `youtube-player-${itemId}`,
-          style: "position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none;"
+          id: `youtube-player-${itemId}`
         });
 
         // Initialize YouTube Player
@@ -1933,7 +1936,7 @@ const SlideCreator = {
   createPlayButton(itemId) {
     const playText = LocalizationUtils.getLocalizedString('Play', 'Play');
     return SlideUtils.createElement("button", {
-      className: "detailButton btnPlay play-button",
+      className: "detailButton btnPlay play-button focusable",
       innerHTML: `
       <span class="play-text">${playText}</span>
     `,
@@ -1953,7 +1956,7 @@ const SlideCreator = {
    */
   createDetailButton(itemId) {
     return SlideUtils.createElement("button", {
-      className: "detailButton detail-button",
+      className: "detailButton detail-button focusable",
       tabIndex: "0",
       onclick: (e) => {
         e.preventDefault();
@@ -1979,7 +1982,7 @@ const SlideCreator = {
     const isFavorite = item.UserData && item.UserData.IsFavorite === true;
 
     const button = SlideUtils.createElement("button", {
-      className: `favorite-button ${isFavorite ? "favorited" : ""}`,
+      className: `favorite-button focusable ${isFavorite ? "favorited" : ""}`,
       tabIndex: "0",
       onclick: async (e) => {
         e.preventDefault();
@@ -1999,7 +2002,7 @@ const SlideCreator = {
   createTrailerButton(url) {
     const trailerText = LocalizationUtils.getLocalizedString('Trailer', 'Trailer');
     return SlideUtils.createElement("button", {
-      className: "detailButton trailer-button",
+      className: "detailButton trailer-button focusable",
       innerHTML: `<span class="material-icons">movie</span> <span class="trailer-text">${trailerText}</span>`,
       tabIndex: "0",
       onclick: (e) => {
@@ -2656,18 +2659,13 @@ const SlideshowManager = {
         return;
       }
 
-      // Only trap keys if focus is on body (neutral) or inside our container.
-      // To allow standard TV navigation to work for other elements (e.g. library cards).
-      const activeEl = document.activeElement;
-      const isBody = activeEl === document.body || !activeEl;
-      const isInContainer = container.contains(activeEl) || activeEl === container;
-
-      if (!isBody && !isInContainer) {
+      const activeElement = document.activeElement;
+      const isSlideshowFocused = container.contains(activeElement) || activeElement === container;
+      
+      if (!isSlideshowFocused) {
         return;
       }
 
-      const focusElement = document.activeElement;
-
       switch (e.key) {
         case "ArrowRight":
           SlideshowManager.nextSlide();

manifest.json

@@ -9,12 +9,12 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.5.0.9",
+        "version": "1.5.0.19",
         "changelog": "- fix: keyboard controls in TV mode\n- Add sorting options for content\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from original repo",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.9/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "754248df752c72e4869ae1ec8befd375",
-        "timestamp": "2026-02-09T13:18:30Z"
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.19/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "checksum": "ddb2bc4c04a389671c398dca3f38b801",
+        "timestamp": "2026-02-09T16:33:55Z"
       },
       {
         "version": "1.3.0.3",