Datatable reorder -> scroll page disabled

[chaix]

Hi everyone,

I'm trying to develop a datatable where the rows are draggable (event="rowReorder") and every time I reorder the rows a certain function must be executed. Up to this point everything works.
The problem occurs when I have to move a certain row to another position that is beyond the size of the browser window, so I would need to scroll the page, but the scroll of the page is blocked and I cannot understand what it is due to.
I'm using primefaces 8.0.
I saw at the following link https://www.primefaces.org/showcase-v8/ ... rder.xhtml that the scroll works correctly without particular instructions, but it still doesn't work for me.
Can you help me?

Code: Select all

<p:dataTable rowIndexVar="idx" draggableRows="true" 
	styleClass="enmon-tbl" sortBy="#{detailRow.sequence}"
	style="margin-top:0px; margin-left:0px; margin-right:0px"
	var="detailRow" selectionMode="single" rowKey="#{detailRow.id}"
	selection="#{responseDetail.selectedDetail}"
	widgetVar="response-detail-table" id="response-detail-table"
	value="#{responseDetail.selectedKey == null ? null : responseDetail.detailRowsGrouped[responseDetail.selectedKey]}"
	emptyMessage="#{text['detailRow.emptymessage']}" editable="true"
	editMode="cell" editInitEvent="dblclick">
	<p:ajax event="rowSelect"
		listener="#{responseDetail.doShowCustomerInMap}"
		update="#{responseDetail.lastDetailRowId == null ? 'response-detail-table' : ''}" />
	<p:ajax event="rowReorder"
		listener="#{responseDetail.onWaypointReorder}" immediate="true"
		async="true"
		update=":response-detail-form:summary-table :response-detail-form:summary-table-totals :response-detail-form:lower-panel growl"
		onstart="PF('blockBodyUIWidget').show()"
		oncomplete="PF('blockBodyUIWidget').hide()" />
	</p:dataTable>

Note:

• I need to scroll the page and NOT the table
• p:ajax with event="rowReorder" has other page components in the update attribute