Forum Discussion

eyal's avatar
eyal
New Contributor
1 year ago

Input icon doesn't look good on websites that use a right-to-left layout

When using the 1Password browser extension with websites that use a right-to-left (RTL) layout, the input icon doesn't look very good.

Here's an example of a login form:

A potential fix would be to force the element to use a left-to-right (LTR) layout by adding the following CSS property to the #op-button element:

css
direction: ltr;

With the suggestion above, the input now looks like this:

Another solution would be to fully support RTL layouts and actually flip the layout of the icon element, though I think the solution above is good enough.

1Password Version: 8.10.30
Extension Version: 2.23.3
OS Version: macOS 14.4
Browser: Arc

browser extension

6 Replies

  • 1P_Dave's avatar
    1P_Dave
    Icon for Moderator rankModerator
    1 year ago

    Thanks again for reporting the issue! 🙂

    -Dave

  • eyal's avatar
    eyal
    New Contributor
    1 year ago

    Awesome! Looks much better now.

    Thank you so much for the quick response and fix!

  • 1P_Dave's avatar
    1P_Dave
    Icon for Moderator rankModerator
    1 year ago

    eyal

    I hope that you're doing well! We’ve made visual improvements to the 1Password inline icon on websites that read right to left. Please update 1Password in the browser to version 2.25.1:

    If you have any other feedback, or see any issues, then please let me know. 🙂

    -Dave

  • 1P_Evon's avatar
    1P_Evon
    Icon for 1Password Team rank1Password Team
    1 year ago

    Hello eyal, thanks for getting back to me.

    I've passed along the details to our team. Let me know if you have any questions.

    -Evon

  • 1P_Evon's avatar
    1P_Evon
    Icon for 1Password Team rank1Password Team
    1 year ago

    Hello eyal. Thank you for writing in.

    I'm sorry to hear about the trouble with 1Password in the browser. I created an issue for our development team to look further into this and determine if we can make some improvements to 1Password in the future.

    Can you share a website URL as an example when this occurs?

    I look forward to your reply.

    -Evon

    ref: dev/core/core#29591