FULL PRODUCT VERSION :
1.8.0_91

ADDITIONAL OS VERSION INFORMATION :
OSX El Capitan 10.11.4

A DESCRIPTION OF THE PROBLEM :
I have a webpage using React and Material-UI that I would like to embed in my desktop application using JavaFX's WebView. However, when I try to do so, Tabs from Material-UI are not working as expected. The first time I click a tab it works as intended and the content of that tab is displayed and the tab is marked as the active one. Thereafter it stops working and you can't switch tab.


Observations so far:

- Tabs works for regular web browsers.
- After it stops working the entire web page seems to respond to clicks (the Material-UI click animation is triggered everywhere). I added logging to the Material-UI Tab component and onTouchTap was triggered on the Tab selected from the first click wherever I clicked.


STEPS TO FOLLOW TO REPRODUCE THE PROBLEM :
To reproduce the problem the following code should suffice:

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

public class TabTest extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception {

        BorderPane pane = new BorderPane();
        Scene scene = new Scene(pane);

        WebView webView = new WebView();
        WebEngine webEngine = webView.getEngine();

        webEngine.load("http://www.material-ui.com/#/components/tabs");

        pane.setCenter(webView);

        primaryStage.setScene(scene);
        primaryStage.setMaximized(true);
        primaryStage.show();
    }

    public static void main(String[] args) throws Exception {
        Application.launch(TabTest.class);
    }
}

Steps to reproduce:
1. Click a tab
2. Click another tab

EXPECTED VERSUS ACTUAL BEHAVIOR :
EXPECTED -
I expected to be able to switch tab
ACTUAL -
It is not possible to switch tab after the first time

REPRODUCIBILITY :
This bug can be reproduced always.