title: JavaFx text rendering outside of bounds of the root node
body: <p>I have been playing around with JavaFx and trying to get to grips with the differences with 2D and 3D implementations. Right now I have been applying 2D elements to a 3D enviroment. Shapes seems to render fine where ever they are set, inside or outside the bounds of the root node. But text of any sort does not like being rendered outside the bounds of the root node.  (I have tried using a Label and a Text field). Is there any way to get text to render outside the root node?</p>
  
  <p>Below example sets a red square and a label containing the text "test label" on the boundary of the root node. As you will see the boundary does not effect the red square but does so the text. </p>
  
  <pre><code>import javafx.application.Application;
  import javafx.scene.Group;
  import javafx.scene.PerspectiveCamera;
  import javafx.scene.Scene;
  import javafx.scene.control.Label;
  import javafx.scene.shape.Rectangle;
  import javafx.stage.Stage;
  
  public class TreeRoot extends Application {
  
  @Override
  public void start(Stage stage) throws Exception {
    Rectangle square = new Rectangle();
    square.setWidth(50);
    square.setHeight(50);
    square.setLayoutX(20);
    square.setLayoutY(20);
    square.setStyle("-fx-fill: red;");
  
    Group sceneRoot = new Group();
  
    Scene scene = new Scene(sceneRoot);
    PerspectiveCamera camera = new PerspectiveCamera(true);
    camera.setNearClip(0.1);
    camera.setFarClip(10000);
    camera.setTranslateZ(-1000);
    scene.setCamera(camera);
  
    stage.setScene(scene);
    stage.show();
  
    Label label = new Label("Test label");
    label
      .setStyle("-fx-font: 100px Tahoma;-fx-fill: linear-gradient(from 0% 0% to 100% 200%, repeat,    aqua 0%, red 50%);-fx-stroke: white; -fx-stroke-width: 1;");
  label.setTranslateX(-100);
  square.setTranslateX(-50);
  sceneRoot.getChildren().add(square);
  sceneRoot.getChildren().add(label);
  }
  
  public static void main(String[] args) {
    launch(args);
  }
  }
  </code></pre>