After submitting query to ChatGPT, can't scroll at all

Yes, it works, but there is an issue with the code. The prompt from ChatGPT moves to the bottom, which means it is not an ideal solution.

the best solution is this code, add it as javascript bookmark :

function removeTabindex() {
    const div = document.querySelector('div.composer-parent[role="presentation"]');
    if (div && div.getAttribute('tabindex') === '0') {
        div.removeAttribute('tabindex');
    }
}

const observer = new MutationObserver(() => {
    removeTabindex();
});

observer.observe(document.body, {
    childList: true,  
    subtree: true    
});


removeTabindex();

THIS DOESNT WORK - unless im pasting the script in the wrong place. Are you just supposed to paste that script at the end of the URL, are you supposed to replace the existing URL with that??? Ive tried both and i cant get it to work and th is just doesnt make sense. Saw some guy try to explain this before and he basically said ‘just do it’.

Ive got one of my chats on my bookmark bar and its called ChatGPT scroll bug fix, and when i got to edit the bookmark, and got to URL i havbe no idea what to do. If you replace the actual chatgpt bit of it nothing happens obviously, but if you stick it on the end it just says its invalid. Are you supposed to get rid of the ‘Javascript:’ word at the start of the code? AM I MISSING SOMETHING.

Also why is this such a persistent issue how can it be that hard for a business like open AI to fix this shit

I can scroll on my DuckDuckGo on my iPhone but no where else. I don’t have the app I’m using browser

If on an iphone hit the AAthen go to View Reader, you can now scroll and see the full message :+1::+1:

I have the same problem with safari, Switching to chrome helped fixing the problem

Hi, I have the same problem with safari, It doesn’t help anymore, any other hack? Thanks,

in Chrome (I don’t know how other browsers, but sure they will have an extension like this) you can download an extension called Stylus and it lets you keep those CSS changes for good, sou you just set i up with this:

chatgpt(dot)com

.overflow-hidden {
overflow: auto;
}

Another temporary solution aside from “sharing the chat” is:
if you check the keyboard shortcuts you can see there are two shortcuts that can be usefull to us:

  1. ( ctr + shift + c ) (copies the last response).
  2. ( ctr + shift + SEMICOLON ) (copies the last code block).

You can also open the keyboard shortcuts using ( ctr + / )

Another Short Term solution I found so far:
Step 1.
Inspect the Chat and go into Responsive Design Mode. (The mode in which you can change the width and height of the screen)
OR
Shortcut: ( ctr + shift + m). this will take you directly.
Step 2.
Change the height of the screen. height: 9999px is most commonly the maximum. this shows you 9999px worth of the chat and should be enough for a few prompts.
on Firefox the height specifications are on the center top part of the screen below the search bar.

  • This solution lets you view the site as normal with two limitations:
    • First one being that the prompt bar will is unusable.
    • Second that the chat is limited to a size which might not be enough for a certain chats.
  • If you type 9999px and it resets to 999. it means you are trying to make the height too big, try smaller numbers until it fits your screen. Same vice versa.
  • Keep in mind this was done using Firefox therefore the specific details might change for other web Browsers but the general idea should work the same.

praise god the overflow thing works but i swear y’all got people doing their own coding out here bc ur too lazy to fix it yourself. step it up.

fantastic, worked like a charm.