This app makes it scrollable by setting tabindex to outer div making it focusable
// ==UserScript==
// @name Make ChatGPT scrollable with keyboard
// @namespace http://tampermonkey.net/
// @version 2024-09-01
// @description This app makes it scrollable by setting tabindex to outer div making it focusable
// @author Alexander Yaremchuk & ChatGPT
// @match https://chatgpt.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant none
// @license MIT
// ==/UserScript==
function onNavigation() {
const style = "div.flex.flex-col.text-sm.md\\:pb-9";
const elem = document.querySelector(style);
if (elem) {
elem.setAttribute("tabindex", "1");
console.log("Scroll for ChatGPT completed successfully.");
} else {
console.log(`element with style ${style} not found.`);
}
}
(function () {
("use strict");
conole.log("Scroll for ChatGPT is starting");
if (
typeof document !== "undefined" &&
typeof MutationObserver !== "undefined"
) {
conole.log("Scroll for ChatGPT setting a mutation listener");
const callback = function (mutationsList, observer) {
for (let mutation of mutationsList) {
if (mutation.type === "childList") {
conole.log("Scroll for ChatGPT running onNavigation");
onNavigation();
break;
}
}
};
const observer = new MutationObserver(callback);
observer.observe(document.body, { childList: true, subtree: true });
}
})();
module.exports = { onNavigation };