Update manifest.json for release v1.5.0.21 [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.19</Version>
+    <Version>1.5.0.21</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -607,8 +607,7 @@ const SlideUtils = {
     if (!container) {
       container = this.createElement("div", { 
         id: "slides-container",
-        className: "focuscontainer-y",
-        tabIndex: "-1"
+        className: "noautofocus"
       });
       document.body.appendChild(container);
     }
@@ -1936,7 +1935,7 @@ const SlideCreator = {
   createPlayButton(itemId) {
     const playText = LocalizationUtils.getLocalizedString('Play', 'Play');
     return SlideUtils.createElement("button", {
-      className: "detailButton btnPlay play-button focusable",
+      className: "detailButton btnPlay play-button",
       innerHTML: `
       <span class="play-text">${playText}</span>
     `,
@@ -1956,7 +1955,7 @@ const SlideCreator = {
    */
   createDetailButton(itemId) {
     return SlideUtils.createElement("button", {
-      className: "detailButton detail-button focusable",
+      className: "detailButton detail-button",
       tabIndex: "0",
       onclick: (e) => {
         e.preventDefault();
@@ -1982,7 +1981,7 @@ const SlideCreator = {
     const isFavorite = item.UserData && item.UserData.IsFavorite === true;
 
     const button = SlideUtils.createElement("button", {
-      className: `favorite-button focusable ${isFavorite ? "favorited" : ""}`,
+      className: `favorite-button ${isFavorite ? "favorited" : ""}`,
       tabIndex: "0",
       onclick: async (e) => {
         e.preventDefault();
@@ -2002,7 +2001,7 @@ const SlideCreator = {
   createTrailerButton(url) {
     const trailerText = LocalizationUtils.getLocalizedString('Trailer', 'Trailer');
     return SlideUtils.createElement("button", {
-      className: "detailButton trailer-button focusable",
+      className: "detailButton trailer-button",
       innerHTML: `<span class="material-icons">movie</span> <span class="trailer-text">${trailerText}</span>`,
       tabIndex: "0",
       onclick: (e) => {
@@ -2662,33 +2661,42 @@ const SlideshowManager = {
       const activeElement = document.activeElement;
       const isSlideshowFocused = container.contains(activeElement) || activeElement === container;
       
-      if (!isSlideshowFocused) {
+      const isTvMode = window.layoutManager && window.layoutManager.tv;
+      
+      const isInputElement = activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable);
+      
+      if (isInputElement) {
         return;
       }
 
       switch (e.key) {
         case "ArrowRight":
+          if (isTvMode && !isSlideshowFocused) return;
           SlideshowManager.nextSlide();
           e.preventDefault();
           break;
 
         case "ArrowLeft":
+          if (isTvMode && !isSlideshowFocused) return;
           SlideshowManager.prevSlide();
           e.preventDefault();
           break;
 
         case " ": // Space bar
+          if (isTvMode && !isSlideshowFocused) return;
           this.togglePause();
           e.preventDefault();
           break;
 
         case "m": // Mute toggle
         case "M":
+          if (isTvMode && !isSlideshowFocused) return;
           this.toggleMute();
           e.preventDefault();
           break;
 
         case "Enter":
+          if (!isSlideshowFocused) return;
           const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
           if (currentItemId) {
              if (window.Emby && window.Emby.Page) {

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.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",
+        "version": "1.5.0.21",
+        "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.19/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "ddb2bc4c04a389671c398dca3f38b801",
-        "timestamp": "2026-02-09T16:33:55Z"
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.21/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "checksum": "9a28102dbd4b62abdc8ef72abd7c6574",
+        "timestamp": "2026-02-09T22:29:09Z"
       },
       {
         "version": "1.3.0.3",