Skip to main content
May 3, 2024
Question

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

  • May 3, 2024
  • 6 replies
  • 105 views

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

6 replies

1Password Employee
May 7, 2024

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

eyalAuthor
May 7, 2024

https://he-il.facebook.com/

1Password Employee
May 8, 2024

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_Dave
1Password Employee
June 28, 2024

@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

eyalAuthor
June 28, 2024

Awesome! Looks much better now.

Thank you so much for the quick response and fix!

1P_Dave
1Password Employee
June 28, 2024

Thanks again for reporting the issue! 🙂

-Dave