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

Bug 308219

Summary:	Opening modal dialogs causes background content to disappear
Product:	[RT] RAP	Reporter:	Austin Riddle <austin.riddle>
Component:	RWT	Assignee:	Project Inbox <rap-inbox>
Status:	RESOLVED INVALID	QA Contact:
Severity:	major
Priority:	P3
Version:	1.3
Target Milestone:	---
Hardware:	PC
OS:	Windows 7
Whiteboard:

Description Austin Riddle

2010-04-06 11:20:38 EDT

RAP version CVS HEAD.

Steps to reproduce:

1. Apply the alternate theme to rap controls demo.
2. Open a modal dialog from the dialogs tab.

The whole background of the display turns grey/dissappears.
This seems to happen in all of my applications as well.

When the dialog is dispensed with the UI returns.

Comment 1 Ivan Furnadjiev

2010-04-06 11:41:15 EDT

Hi Austin, maybe this is a result from the fix for Bug 306631. Can you try to add a Shell-DisplayOverlay element in your CSS like:
Shell-DisplayOverlay {
  background-image: none;
  background-color: #FFFFFF;
  opacity: 0.5;
}

Comment 2 Austin Riddle

2010-04-06 11:44:00 EDT

(In reply to comment #1)
Ivan,

That works.  Should that be in the Shell.default.css?

Comment 3 Austin Riddle

2010-04-06 11:54:31 EDT

(In reply to comment #2)
According to Bug 306631, I suppose that this should be in Shell.default.css:

Shell-DisplayOverlay {
  background-image: none;
  background-color: transparent;
  opacity: 0;
}

Opacity is currently set to 1 in CVS HEAD.

Comment 4 Ivan Furnadjiev

2010-04-06 12:23:11 EDT

No... the problem is that, maybe you have a definition for the "*" element like:
* {
  background-color: rgb( 255, 255, 255 );
}
This overrides the background-color of Shell-DisplayOverlay in the default Shell CSS, because there is no Shell-DisplayOverlay element defined in your CSS. The opacity set to 1 is intentional - if the background-color is transparent and there is no background-image, the opacity is ignored and no property is added to the DOM. The solution is mentioned in comment # 1. Set the opacity to 0 if you want a complete transparent overlay.

Comment 5 Austin Riddle

2010-04-06 12:54:11 EDT

(In reply to comment #4)
 OK, now I understand. So if you override the * background-color, and you don't want an opaque background behind modal dialogs, then this CSS entry is required.

So should the sample in comment #1 be added to the alternate theme in the RAP demo so that this relationship is more clear?

Anyway, thanks for the help.

Comment 6 Ivan Furnadjiev

2010-04-06 13:45:51 EDT

theme.css is updated - Shell-DisplayOverlay selector is added.