ChatGPT message buttons removed when hover exits message, breaking audio (repaired)

Major ChatGPT UI symptom

Audio playback aborted simply by moving the mouse.

In a message before the latest, appearance of these message buttons requires mouse hover over the assistant message area:

New Javascript code doesn’t just hide buttons with CSS alterations: the script COMPLETELY REMOVES THE HTML when the mouse hover leaves the message area.

This means that the audio playback element is also removed, aborting the speech. One now has to sit there with the mouse in the right spot of the foreground browser to hear the audio of a past assistant message being spoken.

When: At desktop resolutions in a browser or even at the smallest media viewport widths.

Additional Concerns

Why? Hiding these buttons saves no UI room, and there is no discoverability of non-existent buttons (that then appear not as buttons). Hiding is pointless, beyond OpenAI breaking stuff.

I had a CSS script override to make message buttons permanently shown, as a reasonable person may desire (also always showing the model that had generated) - now also broken.

Solution

Do not remove these buttons from the display.


Bonus content

CSS customization that gives no Material-3 bubble-vision childish texting, with a style for professionals I want and employ, where the left-aligned large-width user message that can display input code to full-width has a permanent edit button similarly positioned to the bottom, besides the assistant message button bar with generating model that should stay:

Screenshot


Good work on whoever stealthfully fixed this. :rocket:

By opacity:0, the buttons are still there but unseen after leaving the message hover, and the audio playback continues.

With the node attributes, I should be able to affect the personal look desired again.