Otaqui.com Blog

RTL Input text with large text-indent value “magically scrolls” in Opera

This is a pretty weird browser bug.

Opera RTL Scrolly Text Indent Bug .

If your content is RTL and you are using the large text-indent CSS property on an input tag (so that you can use a background image, while keeping the text invisible to most users but still available to screen readers) you get a couple of odd behaviours in Opera:

  1. The text is not indented. Well ok, that’s at least a “normal” kind of bug.
  2. If you right-click on the button, and leave the menu open for a few seconds, the text magically starts scrolling out of the way .

I’ve submitted a bug report to Opera. I’d be interested if anyone else is seeing the same behaviour, or any related RTL weirdness.