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

Posted on 26/01/2011. By Pete Otaqui.

This is a pretty weird browser 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:

The text is not indented. Well ok, that’s at least a “normal” kind of bug.
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.