Bump version to 1.5.0.20 and update changelog for recent changes

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.20</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) => {

manifest.json

@@ -9,7 +9,7 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.5.0.19",
+        "version": "1.5.0.20",
         "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",