Invisible Canvas skeleton element blocks conversation scroll after closing Canvas #102
Labels
Bug
Something isn't working
Status: Hold for ChatGPT A/B Stabilization
Waiting for the OpenAI to make its A/B testing more stable
Description
When the
Edit
button (next toCopy code
in the markdown header of code snippets) is clicked, a Canvas is opened for editing.After closing this Canvas, an invisible element remains in the
DOM
, which blocks the scrolling of the conversation layout.This issue occurs because the invisible element is positioned over the layout, and the user is not aware of its presence.
This behavior is consistent even when the browser extension is turned off, indicating that the issue originates from the original ChatGPT website.
The issue extends beyond just scrolling - it affects the GPThemes floating button toggle functionality.
The invisible element is actually a Canvas loading skeleton that serves as one of the key selectors for dynamically toggling the GPThemes floating button.
This causes inconsistent behavior when toggling the floating button between two states:
The problematic selector that interacts with this invisible Canvas skeleton is:
Steps to Reproduce:
Edit
button next toCopy code
orEdit in Canvas
from chat's footerSuggested Fix:
pointer-events: none
to the invisible Canvas loading skeleton element could resolve this issue.Screenshots
Without GPThemes
With GPThemes
Removed some styling to see what invisible element represents
The text was updated successfully, but these errors were encountered: