Skip to content

Chat keyboard overlap example.#394

Open
trcoffman wants to merge 1 commit intoLegendApp:webfrom
trcoffman:chat-overlap-example
Open

Chat keyboard overlap example.#394
trcoffman wants to merge 1 commit intoLegendApp:webfrom
trcoffman:chat-overlap-example

Conversation

@trcoffman
Copy link
Contributor

@trcoffman trcoffman commented Feb 13, 2026

This is an example of how to make it so that messages in your chat will be visible behind the input box when you scroll up in the chat.

Unfortunately, the diff is much larger than intended because it seems like a lot of files in this repo have not had prettier run on them correctly. The .prettierrc.json in this repo specifies singleQuotes but the files in the repo have double quotes. Something might be wrong with your editor config and it's not picking up the right prettier config.

In LegendList v2 you can just put overflow: 'visible' style on the KeyboardAvoidingLegendList. The new implementation of alignItemsAtEnd breaks this. If you set that prop to true, you can't use overflow visible. That method was much simpler than this negative margin + padding + onLayout stuff, but I'm sure you needed to change the implementation of alignItemsAtEnd for a good reason so perhaps we just have to live with this complexity.

Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2026-02-13.at.09.17.54.mp4
Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2026-02-13.at.09.18.41.mp4
Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2026-02-13.at.09.19.22.mp4

This is an example of how to make it so that messages in your chat
will be visible behind the input box when you scroll up in the chat.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant