シェイプへのフォーカスのリクエストが間違ったコントロールになっています

シーン内の長方形にフォーカスをリクエストしようとしています。マウスを使用してこれを行うと、フォーカスを移動できる形状であっても、フォーカスプロパティリスナーが起動しません。図形にEventListenerを追加して、その上でrequestFocus（）メソッドを呼び出そうとしましたが、長方形がフォーカスを取得した後、リスナーまたは追加のコードがない別のボタンがすぐにフォーカスを盗みました。そのボタンを削除した後、同じことが別のコントロールによって実行されます（フォーカスを盗んだすべてのコントロールは、ルートノードに追加された順序で長方形の前にあります）。Tabボタンを使用してフォーカスをトラバースしようとしましたが、機能します。では、マウスを使用して長方形へのフォーカスを要求するにはどうすればよいですか？

<VBox maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="232.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <ToolBar prefHeight="40.0" prefWidth="200.0">
        <items>
          <Button mnemonicParsing="false" text="Button" />
        </items>
      </ToolBar>
      <HBox prefHeight="100.0" prefWidth="200.0" VBox.vgrow="ALWAYS">
         <children>
            <VBox prefHeight="200.0" prefWidth="100.0">
               <children>
                  <ListView id="slotsList" prefHeight="200.0" prefWidth="200.0" />
               </children>
            </VBox>
            <FilmTimeLine HBox.hgrow="ALWAYS" fx:id="timeLine"/>
         </children>
      </HBox>
   </children>
</VBox>

FilmTimeLine内のシーンに追加するRectangleクラス（FilmTimeLineは、ペインの子を持つScrollPaneです。長方形はそのペイン内にあります）：

public class EventSlot extends Rectangle {

    public EventSlot() {
        setFocusTraversable(true);
        setWidth(100);
        setHeight(25);
        setFill(Color.web("#9DD3DF"));
        focusedProperty().addListener((observable, oldValue, newValue) -> {
            if (isFocused()) {
                setEffect(FOCUSED_EFFECT);
            } else {
                setEffect(INNER_SHADOW);
            }
        });
        addEventHandler(MouseEvent.MOUSE_PRESSED, (mouseEvent) -> {
            requestFocus();
        });
    }
}

何が起こっているのgif