Primefaces 在primeface5.3中拖放

我在页面的左侧和右侧有两个面板。我想从左侧面板的选项卡中拖动一个输入文本，然后将其放到右侧面板。我的第一个问题是文本框不能拖动，我不知道为什么。我的第二个问题是，当我拖动左面板选项卡中的元素时，选项卡被滚动，我无法将其放到右面板

我的代码是：

<p:panel id="mainPage" class="Row">
            <p:panel class="col-md-3" id="leftPanel" style="height:500px" header="Elements">
                <p:accordionPanel>
                    <p:tab title="Elements">
                        <div class="iscRow">
                            <div class="col-md-12">
                                <p:inputText id="input1">
                                </p:inputText>

                                <p:draggable for="input1"  />
                            </div>

                            <div class="col-md-12">
                                <p:graphicImage id="image1" name="images/excel.png" style="height: 50px;width: 50px"/>
      <p:draggable for="image1" containment="mainPage" />

                            </div>

                        </div>
                    </p:tab>

                </p:accordionPanel>
            </p:panel>

            <p:panel class="col-md-9" id="rightPanel" header="page Design">

                <div class="iscRow">
                    <div id="headerDiv" class="col-md-12"  style="background-color: #EEEEEE;height: 200px;border-bottom: #adadad dashed;">


                            </div>

                        </div>                    



            </p:panel>

        </p:panel>

我认为你的问题是手风琴面板

p:tab没有可滚动属性，因为它是滚动的 .element无法从该选项卡中拖出。您可以使用两个面板，可以 延长