diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj b/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj
index f541690..c10f236 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj
+++ b/Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj
@@ -12,7 +12,7 @@
Jellyfin Media Bar Enhanced Plugin
CodeDevMLH
- 1.5.0.18
+ 1.5.0.19
https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced
diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
index 164fd39..a3ffbde 100644
--- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
+++ b/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;
@@ -1932,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: `
${playText}
`,
@@ -1952,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();
@@ -1978,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();
@@ -1998,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: `movie ${trailerText}`,
tabIndex: "0",
onclick: (e) => {
diff --git a/manifest.json b/manifest.json
index ed65ed7..dbf87e0 100644
--- a/manifest.json
+++ b/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.18",
+ "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.18/Jellyfin.Plugin.MediaBarEnhanced.zip",