Skip to content

RTL Text Fields Display Decimal Numbers Incorrectly in Web Applications #5264

@hamreen

Description

@hamreen

Can we access your project?

  • I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

In FlutterFlow web applications with RTL (right-to-left) layouts, decimal numbers placed into text fields are displayed in reverse order, causing confusion for end-users. This behavior significantly impacts usability for applications supporting RTL languages.

for example 19.8 is displayed as 8.19

I found a community post detailing this issue over a year ago: TextField Decimal Numbers Right-to-Left. However, it appears that no fix or workaround has been implemented in the meantime, which is quite disappointing.

Expected Behavior

it should be rendered correctly left to write

Steps to Reproduce

  1. in an RTL (ex. arabic language) application, create a textfield with a decimal number inside it.

Reproducible from Blank

  • The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT40jefq0It1j7xb7qqNKcJagmA5Jm59aK8s08BraCsvCIyqOpscf/fBfklUcM/kdwl5fFmGijoX/MrXifLDL8ACBzadbbpd/rhITzriLUC7RbLTCb63b2pQJJ5YC2a/0ra3qxR+VdpqciEl21+mPuSsaAXrGYP7OVVNQua4XdeK2SrDX1iXc2URm05KZDPz

Visual documentation

That 667.16 Should be 16.667

image

Environment

- FlutterFlow version: FlutterFlow v5.0.20+ released January 14, 2025
- Platform: Windows 10
- Browser name and version:Google chrome browser

Additional Information

I tested on desktop version, there is not problem. the bug only exist in web version.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions