Opera 10.60 issues that didn't exist in Opera 10.53

Get Started
1

Hi,

I had a pure css tooltip info box popup when hovering over info icon in my page. It used to be cross browser compatible IE6+, firefox, safari, chrome, and opera.

It used to work as intended in opera 10.53, but since i updated to 10.60 my tooltip box gets cut off when it overflows and sometimes it shows traces of tooltip box after it’s hidden when hovering over other info icon - have to minimize browser and maximize for the traces to go away.

Please share any issues you experienced?

2

Tooltip container relative on hover and is set to 1000 z-index, the tooltip span absolutely positioned, is the column containers are static positioned.

Just want to point out, Alex’s tooltip as well as mine overflows when it’s not in any other containers. This is a two column design so can’t take out columns just for tooltio - more so just for Opera 10.60. However adding float to the tooltip container seems to fix the problem in 10.60, but then would have to add float to the text beside it (so, the text beside it now requires a container which previously was not required for 10.53).

But my new problem is that, since 10.60 is supposed to be an upgrade to 10.53 - I shouldn’t have to resort to workarounds like this and make the tooltip markup more bulkier. I installed 10.53 and tested again.

What’s more frustrating is that, since the latest Opera is not behaving almost like FireFox - what more workarounds have to be adapted for other things. That’s why I want to see if others find any issues in 10.60 that wasn’t a problem with 10.53.

3

I’ve been noticing glitchy things keep happening when upgrading within the 10.x branch.

Backup your bookmarks and settings and whatnot, and try a fresh install.

4

It used to work as intended in opera 10.53, but since i updated to 10.60 my tooltip box gets cut off when it overflows and sometimes it shows traces of tooltip box after it’s hidden when hovering over other info icon - have to minimize browser and maximize for the traces to go away.

Do we know what your container is set to, is it a positioned container and does it have a z-index? Post some code?

Alex’ demo is fine in my Opera10.6, however there are no containers in that demo. I do not get any traces on the demo.

5

Tried it with your tooltip, same result.

6

I’m not sure I’ve experienced that… but if it helps I wrote a tutorial for pure CSS tooltips that work cross browser (and it’s fine in the latest Opera):

http://sixrevisions.com/css/css-only-tooltips/ (Plus their pretty darn sexy) :stuck_out_tongue: