Skip to content

Autofill icon overlaps password characters in RTL layout #16737

@Ehab-d

Description

@Ehab-d

Steps To Reproduce

Open a website with RTL layout.
Focus on a password input field.
Start typing a username or password.

Expected Result

Password text should remain fully visible.
Autofill icon should not cover the typed characters.

Actual Result

Autofill icon always appears on the right side (default for LTR).
In RTL, it overlaps the typed password text and hides part of it.

Screenshots or Videos

Image

Additional Context

Problem
On RTL websites, the autofill icon always appears on the right side of the password field. This causes it to overlap the typed characters, hiding part of the input.

Reason
The icon position works fine for LTR (left-to-right) languages, but for RTL (right-to-left) layouts it should be mirrored.

Suggested Fix
Detect whether the page is RTL or LTR, and place the autofill icon on the opposite side accordingly.

Operating System

Windows

Operating System Version

Windows 11

Web Browser

Chrome

Browser Version

Chromium 141.0.7390.55

Environment Versions

Version: 2025.9.0

SDK: 'main (ab3c7db)'

Server version: 2025.9.2

Issue Tracking Info

  • I understand that work is tracked outside of Github. A PR will be linked to this issue should one be opened to address it, but Bitwarden doesn't use fields like "assigned", "milestone", or "project" to track progress.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions