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

eyal

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:

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

EvonG1P

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

eyal

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

EvonG1P

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

Dave_1P

@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:

• How to keep 1Password up to date in your browser

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

-Dave

eyal

Awesome! Looks much better now.

Thank you so much for the quick response and fix!

Dave_1P

Thanks again for reporting the issue! 🙂

-Dave