Skip to content

Remove use flex-direction: column-reverse; for message container. #136

@creesch

Description

@creesch

This line specifically: https://github.com/creesch/minecraft-web-chat/blob/main/src/client/resources/web/css/main.css#L237

I used it because it makes things a bit easier because using column-reverse flips the visual order of the flex items and also how scrolling works in relation to new items being added. Things like the "start" point of the scroll container are now at the bottom so newly added messages are kept in place. Without it we need to do the same thing but with some javascript.

Which is neat, but also causes issues with things like copy pasting parts of chat. So, it needs to go and replaced with some javascript intervention for scroll positioning.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions