flet-dev / flet-dev/flet

All widget below/under TextField also goes up/rearrange above keyboard on mobile

Open
#2,148 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Python
Stars
17k
Forks
694
Avg merge
1d 14h
Merged PRs (30d)
33

Description

Description

I'm trying to add widget below/under TextField but i dont want it goes up/rearrange above keyboard on mobile

Code example to reproduce the issue:

import flet as ft
async def main(page: ft.Page):
    
    await page.add_async(
            ft.SafeArea(
                ft.Column(
                    controls=[
                        ft.Row(
                                controls=[
                                    ft.IconButton(
                                        icon=ft.icons.CLOSE,
                                        scale=1.3,
                                    )
                                ],
                                alignment="end"
                            ),
                        ],
                    ),
                expand=True
                ),
            ft.Column(
                    controls=[
                        ft.TextField(label="TextField")
                    ]
                ),
            ft.SafeArea(
                ft.Column(
                        controls=[
                            ft.Text(value="Text Below TextField")
                        ]
                    ),
                ),
            ),
ft.app(target=main)

Describe the results you received:
Screenshot_1

Describe the results you expected:
I want any widget below TextField hidden behind keyboard not also goes up above keyboard with TextField

Additional information you deem important (e.g. issue happens only occasionally):

Flet version (pip show flet):

0.13.0

Operating system:
Windows,iOS

Additional environment details:

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by running the supplied Python reproduction with Flet 0.13.0 on iOS and observing how the keyboard changes the layout. Investigate the mobile keyboard and safe-area behavior in the Flet/Flutter UI entry points; done means widgets below the TextField remain behind the keyboard instead of being rearranged above it, while the TextField remains usable.

Written by the indexing model from the issue text.

Assessment

Tech stack
flutter, python
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.