Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 388794

Summary:

Tooltip not displaying correctly in IE8

Product:

[RT] RAP

Reporter:

Ronald So <ronald.so>

Component:

RWT

Assignee:

Project Inbox <rap-inbox>

Status:

RESOLVED FIXED

QA Contact:

Severity:

normal

Priority:

CC:

gmalary, tbuschto

Version:

1.5

Target Milestone:

1.5 M2

Hardware:

OS:

Windows 7

Whiteboard:

Attachments:

Description	Flags
IE8 that produces this bug	none

Description Ronald So

2012-09-04 17:29:05 EDT

Hello all,

We are using RAP 1.5 RC3. The tooltip works perfectly fine in Google Chrome, Firefox, and IE 9. We have a setup here with:

Internet Explorer IE 8
Version 8.0.7600.16385

The tooltip text becomes white in color in IE8 while it stays in black in IE9.  I have posted the question in the RAP forum and Ivan suggested me to log this bug.  See the screenshots in the following URL as well.

http://www.eclipse.org/forums/index.php/t/372928/


Thanks,
Ronald

Comment 1 Tim Buschtoens

2012-09-05 04:38:58 EDT

I wasn't able to reproduce it with RAP 1.5 or RAP 2.0 on my WIN XP VM. What theme do you use? Do you have custom css for tooltips that you could post? Also, might this be a 64bit IE? (Those are known to have issues like that.) Any other pointers how to reproduce this? Could you try one of the official RAP Demos to see if it's reproduceable there?

Comment 2 Ronald So

2012-09-05 13:52:20 EDT

Created attachment 220742 [details]
IE8 that produces this bug

Comment 3 Ronald So

2012-09-05 13:53:14 EDT

I have attached the "About" screen for IE8 that hits into this problem.  I am using a custom theme with the CSS file registered with the branding extension point.

Widget-ToolTip {
    padding: 3px;
    background-color: rgb(255, 255, 180);
    background-image : none;
    border: 1px solid #aaaaaa;
    border-radius: 0;
    font: normal 10px Trebuchet, Arial, sans-serif;
    color: #0a0a0a;
    opacity: 0.95;
    animation: fadeOut 1000ms ease-out;
    box-shadow: outset 0 5px 10px #bbbbbb;
}

Thanks,
Ronald

Comment 4 Ronald So

2012-09-14 16:49:59 EDT

Hi, I am wondering if there are any progress on this issue.  Thanks!

Comment 5 Tim Buschtoens

2012-09-27 09:29:16 EDT

The issue seems to be the combination of shadows and opacity < 1. If there is no shadow, it works. If there is a shadow but opacity is 1 it works, until the tooltip starts fading out (i.e. changes opacity). Possibly shadows have to be disabled internally when opacity is != 1.

Comment 6 Tim Buschtoens

2012-09-27 10:59:58 EDT

Fixed with Commit b5541cfe2bab45e42ef94f7c172693bc52a93f59

Shadows are not rendered in IE8 when opacity is < 1.

Comment 7 Ralf Sternberg

2013-01-22 06:07:43 EST

Discussed this with Tim. This bug only occurs when both opacity and shadow are set for Widget-ToolTip in a custom theme. Since there is a simple workaround (leaving out one of these properties in the theme), this bug is not very critical and not a candidate for the service release.