Opera Mobile: Problems with position of dialog box

For the benefits of the hoards of readers here, the flood of master pieces continues.

I’m using Opera Mobile on Android. It works better than most other browsers in various ways. However, some sites have perhaps not tested with Opera Mobile?

For instance, go to http://www.disqus.com and click the login link in the upper right corner. A little dialog box pops up. (It’s not a window, but an html-element). Unfortunately, in Opera Mobile the dialog box is positioned so that its edge ends up outside of the edge of the “main screen”. The result in this case is that the actual Login button is not visible.

In essence, it does not seem to be possible to login to disqus.com using Opera Mobile.

I’ve noticed a similar problem with erroneously positioned html-elements on lastpass.com .

Crappy work-around: Use a bookmarklet that removes all stylesheet (CSS) on the page where such a problem occurs. Paste the following one-liner javascript into a bookmark (it’s a javascript “link”):

javascript:for(i=0;i<document.styleSheets.length;i++)%7Bvoid(document.styleSheets.item(i).disabled=true);%7Del=document.getElementsByTagName('*');for(i=0;i<el.length;i++)%7Bvoid(el%5Bi%5D.style.cssText='');%7D

This is the bookmarklet named RemoveCSS from here: http://dorward.me.uk/software/disablecss/

By invoking/pressing the bookmarklet, the page will become ugly but functional — all elements will be visible on screen.

“Tjofjöjt i brallan”, as they say — it works!

Advertisements


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s