Can't scroll chat list in Project page

ChatGPT Bugs
1

Hi guys, I am not able to scroll down the chat list to bottom when this list is bigger than the allocated space, in a Project page, in the browser (Firefox and Chrome). Please fix this!

7 Likes
2

Same here. Thank you for reporting this bug.
Tested browsers : Firefox, Edge.

A little more about this bug:

Just after authentication on ChatGPT, when the project folder is selected, the list of chats is displayed for a few hundredths of a second, then disappears to be replaced by a list of the 3 most recent chats, which cannot be scrolled.

Zooming out works as an alternative to scrolling.

The title of the project-chat is not displayed at the top-left corner, even if customized.

This problem does not exist on the Android 8 mobile application.

4 Likes
3

Oh thanks, didn´t think of zooming out and using mobile app to get chats up in the project.

4

Same here. It happens in Chrome, Opera GX and ChatGPT Windows app.

5

Solved on my side. Thanks !

6

This problem makes the concept of a “project” somewhat useless. I have tried altering the css with FF with userContent.css, fails.

1 Like
7

Folks at OpenAI, please, please fix. It’s a pain to have to zoom out and zoom back in.

For now, I’ve devised a Tampermonkey script for those interested in getting around this. The list of chats within a project is inside an <ol> which the script makes scrollable

// ==UserScript==
// @name         ChatGPT Projects Scroll Fix
// @namespace    pl.4as.chatgpt
// @version      0.9
// @description  Makes the div with class "contain-inline-size" dynamically scrollable
// @author       ChatGPT
// @match        *://chatgpt.com/*
// @match        *://chat.openai.com/*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function makeDivScrollable() {
        const scrollableDivs = document.querySelectorAll('div.contain-inline-size');

        scrollableDivs.forEach(div => {
            const rect = div.getBoundingClientRect();
            const availableHeight = window.innerHeight - rect.top - 20; // 20px padding from bottom
            div.style.overflowY = 'auto';
            div.style.maxHeight = availableHeight + 'px';
        });
    }

    if (document.readyState === "loading") {
        document.addEventListener("DOMContentLoaded", makeDivScrollable);
    } else {
        makeDivScrollable();
    }

    window.addEventListener('resize', makeDivScrollable);

    // Observe DOM changes to reapply if needed
    const observer = new MutationObserver(makeDivScrollable);
    observer.observe(document.body, { childList: true, subtree: true });
})();
1 Like
8

same here.. on floorp browser :angry:.. the tampermonkey workaround didnt work either

1 Like