/*
* Copyright 2008 Google Inc.
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not
* use this file except in compliance with the License. You may obtain a copy of
* the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
* License for the specific language governing permissions and limitations under
* the License.
*/
package com.google.gwt.museum.client.defaultmuseum;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.museum.client.common.AbstractIssue;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.CheckBox;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.ListBox;
import com.google.gwt.user.client.ui.PopupPanel;
import com.google.gwt.user.client.ui.RadioButton;
import com.google.gwt.user.client.ui.TextBox;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;
/**
* Focusing on the document body while a modal {@link PopupPanel} is visible
* causes Internet Explorer to disappear to the back of the UI stack. Also,
* modal PopupPanels do not prevent the user from focusing on input elements.
*/
public class Issue2390 extends AbstractIssue {
@Override
public Widget createIssue() {
// A label indicating where to click to focus the body
Label label = new Label("Click to the right of this box while the popup "
+ "is visible >>>");
label.getElement().getStyle().setProperty("border", "1px solid red");
// Create a modal PopupPanel
final PopupPanel popup = new PopupPanel(false, true);
popup.setWidget(new Button("Hide Popup", new ClickHandler() {
public void onClick(ClickEvent event) {
popup.hide();
}
}));
// Create a button to show the PopupPanel
Button showPopupButton = new Button("Show Popup", new ClickHandler() {
public void onClick(ClickEvent event) {
popup.center();
}
});
// Create a bunch of input elements to test
// TODO(jlabanca): divide this out into a separate issue 2707
CheckBox checkBox = new CheckBox("CheckBox");
RadioButton radio1 = new RadioButton("grouping", "RadioButton1");
RadioButton radio2 = new RadioButton("grouping", "RadioButton2");
ListBox list = new ListBox();
list.addItem("test1");
list.addItem("test2");
list.addItem("test3");
list.addItem("test4");
TextBox textBox = new TextBox();
// Combine all of the elements into a panel
VerticalPanel layout = new VerticalPanel();
layout.add(label);
layout.add(showPopupButton);
layout.add(textBox);
layout.add(checkBox);
layout.add(radio1);
layout.add(radio2);
layout.add(list);
return layout;
}
@Override
public String getInstructions() {
return "First, make sure you have another program (such as another "
+ "instance of the IE) running on the system. Click the button below "
+ "to show the PopupPanel, then click to right of the red box. The "
+ "browser should not be sent to the back of the OS UI stack because the "
+ "document body is blurred. Also, make sure that the user cannot "
+ "interact with the input elements while the popup is visible.";
}
@Override
public String getSummary() {
return "IE dissappears when clicking outside a modal PopupPanel";
}
@Override
public boolean hasCSS() {
return false;
}
}