cancel
Showing results for 
Search instead for 
Did you mean: 

Screen flickers when I drag a row from a table and hover on top of another table for dropping

former_member514516
Participant
0 Kudos

Hi,

I'm currently developing a drag and drop functionality similar to this sample . I have 2 tables.. Left table which has all the records and Right table which will serve as the "cart" for records selected from the left table.

I'd like to be able to move records from Left to Right and Right to Left.. I have already finished the dragging of records from Left to Right without issues. But for dragging the records from Right to Left table, the screen flickers. I use a Semantic Page as the overall layout.

I believe the issue lies on the DropInfo tag as when I remove it or disable it using property enabled="false", the flickering stops.

<dragDropConfig>
   <dnd:DragInfo groupName="available2selected" sourceAggregation="items"/>
   <dnd:DropInfo groupName="selected2available" drop="onDropEventProductsTable"/>
</dragDropConfig>

Will appreciate anyone's help! Thanks.

Michael

Accepted Solutions (0)

Answers (4)

Answers (4)

Nilsvdh
Explorer
0 Kudos

for me the problem was related to the scrollbar.
When the page is just in between showing the page scrollbar and not.... it began flickering... probably switching between scroll & no scroll ... zoom indeed solves or causes the problem

former_member514516
Participant
0 Kudos

For some reason, the issue does not appear when the app is deployed in the Fiori Launchpad (SAP Cloud Platform).

former_member514516
Participant
0 Kudos

I have found out that the flicker is caused by Text control, inside the cells, which have very long text. If the wrapping is set to false, the flickering stops.. I wonder how can I implement wrapping without any flickers.

former_member514516
Participant
0 Kudos

It is important to note that the flickering does not happen when I zoom out the screen in the browser to less than 75%.. Starting 75%, the flicker happens.

At 100% zoom, the flicker stops when I try to reduce the number of columns of the Left table.