[Bug]: Mouse does not scroll full-screen ai-chat vertically when mouse pointer is left or right of chat container

[Daniel-Schulz-Private]

Browser

Chrome, Safari, Firefox

Package version

0.15.0

React version

^1.66.0

Description

When you enter full-screen mode with the ai-chat and position the mouse pointer either left or right of the chat container and then try to scroll the chat vertically, it is not scrolled. It works as expected on the other hand, when the mouse pointer within the chat container, e.g. directly over any message of the chat.

The reason for that is, the chat container uses margin: auto to center itself. And the mouse input is not taken when the pointer is over those margins.

I see two solutions

1. Make it more obvious that the margins do not belong to the chat container so that a user is not expecting to have the chat container scrolled this way.
2. Have the chat container scrolled even with the mouse pointer over the margins. By using means other than margins I guess.

Reproduction/example

none.

Steps to reproduce

1. open ai-chat
2. make sure there is contents that allows for scrolling , e.g. by entering a few chat messages
3. enter full-screen
4. point your mouse either left or right of the chat container
5. scroll vertically

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems