Skip to content

Add KeyboardAvoidingView to all screens with text inputs#135

Merged
elifouts merged 2 commits intomainfrom
copilot/add-keyboard-avoiding-view
Mar 6, 2026
Merged

Add KeyboardAvoidingView to all screens with text inputs#135
elifouts merged 2 commits intomainfrom
copilot/add-keyboard-avoiding-view

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Mar 6, 2026

Several screens were missing KeyboardAvoidingView, causing the software keyboard to overlap interactive content — most critically the Sign In button on the login screen.

Affected screens

  • (auth)/sign-in.tsx and (auth)/sign-up.tsx — no scroll fallback; keyboard directly obscured submit buttons
  • features/settings/shared.tsx (SettingsPageShell) — covers all settings screens with text fields (bio, links, etc.)
  • manage-streams.tsx — builder username input
  • (tabs)/explore.tsx — search input

Pattern applied

Consistent with existing usage in create-byte.tsx, create-stream.tsx, terminal.tsx, and manage-stream/[projectId].tsx:

<KeyboardAvoidingView
  style={styles.screen}
  behavior={Platform.OS === "ios" ? "padding" : undefined}
>

Screens already using KeyboardAvoidingView were left untouched.

Original prompt

This section details on the original issue you should resolve

<issue_title>[Bug]: Add keyboard avoiding view to any text field</issue_title>
<issue_description>### Component

Frontend (React Native)

Bug Description

Keyboard overlays content and makes buttons harder to press.

Steps to Reproduce

  1. Click text field
  2. See keyboard overlay content

Expected Behavior

Necessary content remains visible when keyboard opens

Actual Behavior

Keyboard overlays buttton. eg login page.

Logs or Error Messages

Screenshots

Image

Environment Information (Optional)

Additional Context

No response</issue_description>

<agent_instructions>Scan all pages where keyboard could overlay content</agent_instructions>

Comments on the Issue (you are @copilot in this section)


🔒 GitHub Advanced Security automatically protects Copilot coding agent pull requests. You can protect all pull requests by enabling Advanced Security for your repositories. Learn more about Advanced Security.

Co-authored-by: grillinr <169214325+grillinr@users.noreply.github.com>
Copilot AI changed the title [WIP] Add keyboard avoiding view to prevent overlay of content Add KeyboardAvoidingView to all screens with text inputs Mar 6, 2026
@grillinr grillinr marked this pull request as ready for review March 6, 2026 00:39
@elifouts
Copy link
Copy Markdown
Collaborator

elifouts commented Mar 6, 2026

I trust you bro

@elifouts elifouts merged commit 9bef4fc into main Mar 6, 2026
3 checks passed
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.

[Bug]: Add keyboard avoiding view to any text field

4 participants