title: ScrollPane content becomes blurry after dragging
body: <p>JavaFX 8.0 has this bug and I don't know how to solve it.<br/>
  Example: <a href="https://i.imgur.com/tavh6XA.png" rel="nofollow noreferrer">http://i.imgur.com/tavh6XA.png</a></p>
  
  <p>If I drag ScrollPane, its content becomes blurry, but if I drag it back, the content restores its sharpness. If I do not modify coords, the content looks pretty well.</p>
  
  <p>Did anybody solve this problem?</p>
  
  <p>Example code:
  </p>
  
  <pre><code>@Override
  public void start(Stage stage) {
              Pane pane = new Pane();
  
      Scene scene = new Scene(pane, 500, 500);
      pane.prefWidthProperty().bind(scene.widthProperty());
      pane.prefHeightProperty().bind(scene.heightProperty());
  
      ScrollPane scroll = new ScrollPane();
  
      // Center ScrollPane
      scroll.layoutXProperty().bind(pane.widthProperty().divide(2).subtract(scroll.widthProperty().divide(2)));
      scroll.layoutYProperty().bind(pane.heightProperty().divide(2).subtract(scroll.heightProperty().divide(2)));
      scroll.setPrefSize(200, 200);
  
      ListView&lt;String&gt; list = new ListView&lt;&gt;();
      scroll.setContent(list);
  
      list.getItems().addAll("Resize the window", "and see how this list", "becomes blurry");
  
      // Label indicates x, y coords of ScrolPane and their ratio.
      TextField size = new TextField();
      size.setPrefWidth(500);
      size.textProperty().bind(
              scroll.layoutXProperty()
              .asString("x: %s; ").concat(
                      scroll.layoutYProperty()
                      .asString("y: %s; ")));
  
      pane.getChildren().addAll(size, scroll);
  
      stage.setScene(scene);
      stage.show();
  }
  </code></pre>