WebView rendering is improper on Tableau website. I have attached two images, one is with JavaFX rendering and one is with Google Chrome rendering. JavaFX rendering is distorted in some cases, while same page is being rendered properly in other browsers (tested Chrome 13 and IE 9).

Following code can easily re-produce this issue:

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.BorderPane;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class App extends Application
{
@Override
public void start(Stage stage)
{
        WebView browser = new WebView();
BorderPane pane = new BorderPane();
        pane.setCenter(browser);
        stage.setScene(new Scene(pane));
        stage.setTitle("JavaFX Browser");
        stage.show();
        
        browser.getEngine().load("http://www.tableausoftware.com/learn/gallery");
    }
 
    public static void main(String[] args)
    {
        Application.launch(args);
    }
}


Steps to re-produce
- Run the code which will render listing page. From there open a view like "Strom Tracking"
- Once the view is loaded, just hover over the mouse to map and click on the "+" sign to zoom in
- The rendering will distort as in attached image.



//// About Tableau Software

Tableau Software is the leading provider of visual analytics and rapid-fire business intelligence software. Ranked by Gartner in 2011 as the world's fastest growing business intelligence company, Tableau makes its award-winning applications available for download at http://www.tableausoftware.com/trial. They enable anyone to easily create and share interactive data visualizations, dashboards and analytics from virtually any data, even massively big data, and can scale to organizations of any size or reach. For more information, please visit http://www.tableausoftware.com.