ChatGPT scroll bug patch
UPDATE: Nov 1
Added promotions and detailed instructions.
UPDATE: Oct 31
And the problem is back… my solution still works guys, ask me if you have any problems!
UPDATE: Oct 18
Finally OpenAI has fixed the scrolling problem, but the solution is ugly… personally, I still prefer and use my javascript!
Note: There was a problem I didn’t notice, sorry about that. This is now solved, so if you copy the javascript it will work.
A Thank You goes out to @JohnDoe808 for catching it: the text renderer changes apostrophes (') to quotation marks (‘ and ’): Smart Quotes and Dumb Apostrophes - Signal
LOOK HERE folks!
The following solution is QUICK and SIMPLE, ANYONE can do it, and it works EVERYWHERE!
And if you’re having trouble, I CAN HELP!
ADVANTAGES:
- EXTREMELY SIMPLE:
- If you can copy and paste text and know how to edit a bookmark, you’re good to go!
- EXTREMELY QUICK: Just select the bookmark!
- NO HTML (HyperText Markup Language)
- NO CSS (Cascading Style Sheets)
- NO browser tools or extensions to inspect code or apply site specific userscripts or custom CSS etc.
- NO weird or complicated methods
- Works in ALL browsers ALL versions:
- INCLUDING iPhone Safari ALL versions
- And including mobile browsers like Chrome, Firefox, Opera, etc.
- Works on ALL devices:
- Mobiles, tablets, laptops and computers
- INCLUDING iPhone ALL models
- Mobiles, tablets, laptops and computers
Note: There’s a couple of rare instances where it can get a little tricky, like tablets with a non-replaceable dedicated Chrome browser which have a javascript url filter (it requires a couple of extra steps each time you run it, but it works). I’m yet to have heard of or seen a browser where it’s impossible to run a javascript url.
THE PROBLEM is the stuck “Message ChatGPT” input box. The javascript below moves the box to the bottom of the page in stead.
HOW TO CORRECT IT - STEP-BY-STEP:
Summary: you’re going to create a bookmark with some javascript in it, a so called “bookmarklet”.
1: Save a bookmark for any page: you’re going to edit it after it’s been saved.
2: Mark(select) the bookmark title below, copy it, edit your bookmark, paste the title in your bookmark, and save it.
3: Mark(select) the javascript (the Address (URL)) below, copy it, edit your bookmark, paste the javascript in your bookmark’s address (url), and save it. Now you’re done!
4: When you select the bookmark, the script executes and the box unsticks. If the window is refreshed, the box sticks again and you need to use the javascript bookmark.
THE JAVASCRIPT BOOKMARK (BOOKMARKLET)
Title:
ChatGPT scroll bug patch
Address (URL):
javascript:(function () {
document.querySelectorAll('html *').forEach(function(node) {
var s = getComputedStyle(node);
if (s['overflow'] === 'hidden') {
node.style['overflow'] = 'visible'; }
});
})();
This is the same script, in code layout:
javascript:(function () {
document.querySelectorAll('html *').forEach(function(node) {
var s = getComputedStyle(node);
if (s['overflow'] === 'hidden') {
node.style['overflow'] = 'visible'; }
});
})();