Динамическое положение x при изменении размера окна

Question

У меня есть одна кнопка. По щелчку этой кнопки. Я открываю стек, который находится прямо под ним. Для стандартных значений макета StackPane. Итак, сначала щелкните стек стек, показывая прямо под кнопкой. Проблема заключается в том, что когда я увеличиваю или изменяю размер окна, он не корректирует его положение (x).

FXML

<Button fx:id="searchCriteriaBtn" mnemonicParsing="false" onAction="#searchCriteriaAction" styleClass="redButton" text="Search Criteria"> 

<StackPane fx:id="searchCriteriaPane" alignment="TOP_RIGHT" prefHeight="150.0" prefWidth="200.0" styleClass="redBorder" translateX="239.0" translateY="-6.0" visible="false"> 

JAVA

@FXML 
    private void searchCriteriaAction(ActionEvent event){ 

     searchCriteriaPane.visibleProperty().setValue(true); 

     searchCriteriaBtn.layoutXProperty().bind(searchCriteriaPane.layoutXProperty()); 
     searchCriteriaBtn.layoutYProperty().bind(searchCriteriaPane.layoutYProperty()); 

    } 

Answer 1

я обнаружил решение наложения выпадающего меню.

     <MenuButton mnemonicParsing="false" nodeOrientation="LEFT_TO_RIGHT" 
          styleClass="redButton" text="Search Criteria" textFill="WHITE"> 
          <items> 
           <MenuItem mnemonicParsing="false" 
            style="-fx-background-color: transparent; -fx-padding: 0; -fx-margin: 0;"> 

             <AnchorPane minHeight="0.0" minWidth="0.0" 
              prefHeight="500.0" prefWidth="345.0" styleClass="noborder"> 
              <children> 

               <HBox layoutY="156.0" minHeight="185.0" minWidth="345.0" 
                prefHeight="185.0" prefWidth="357.0" /> 

               <HBox layoutX="5.0" layoutY="316.0" prefHeight="35.0" 
                prefWidth="348.0"> 
                <children> 
                 <Text layoutX="7.0" layoutY="335.0" strokeType="OUTSIDE" 
                  strokeWidth="0.0" text="Template Name"> 
                  <HBox.margin> 
                   <Insets right="5.0" top="9.0" /> 
                  </HBox.margin> 
                 </Text> 
                 <ComboBox fx:id="templateNameComboBox" layoutX="94.0" 
                  layoutY="330.0" prefWidth="248.0" promptText="Select Template Name"> 
                  <HBox.margin> 
                   <Insets left="7.0" /> 
                  </HBox.margin> 
                 </ComboBox> 
                </children> 
               </HBox> 


              </children> 
             </AnchorPane> 

           </MenuItem> 
          </items> 
          <HBox.margin> 
           <Insets left="6.0" /> 
          </HBox.margin> 
          <cursor> 
           <Cursor fx:constant="HAND" /> 
          </cursor> 
         </MenuButton>