可拖动的输入组件PrimeFaces

Question

I tried to use draggable component https://www.primefaces.org/showcase/ui/dnd/draggable.xhtml for inputTextArea component but it does not work for me. Do you know any workarounds for making input components draggable?

My code:

<p:outputPanel>
    <p:inputTextarea id="test">
    </p:inputTextarea>
</p:outputPanel>
<p:draggable for="test" containment="parent" />

I don't have any errors in console. But drag function does not work as it work for p:panel, for example.

Answer 1

try to wrap the component in a panel and assign "for" to that panel.

<p:outputPanel>
    <p:panel id="test">
        <p:inputTextarea />
    </p:panel>
    <p:draggable for="test" containment="parent"/>
</p:outputPanel>