FilterBar: Reordering Not working

[pankaj-linde]

Describe the bug

I am using FilterBar with reordering feature. I have passed the required props and data, but it doesn't seem to work.

I tried to use the sample/example code which is available on the official website. On website it's working fine but when using the same code in our project it's not working and also tried on stackblitz still it's not working.

Url to official website: [https://sap.github.io/ui5-webcomponents-react/v2/?path=/docs/layouts-floorplans-filterbar--docs#filterbar-with-reordering]

Please check and let me know what I am doing wrong and how it can be resolved.

Isolated Example

https://stackblitz.com/edit/react-gtespe8s?file=src%2FApp.js

Reproduction steps

1. Click on Filters on top right.
2. Hover on any list item it will show up/down buttons on the right side.
3. Click on up/down arrow it's not moving the item up/down.
4. onReorder: this props not giving the updated order of list.

Expected Behaviour

1. Click on Filters on top right.
2. Hover on any list item it will show up/down buttons on the right side.
3. Click on up/down arrow it should move the item up/down.
4. onReorder: this props should give the updated order of list.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.7.3

UI5 Web Components Version

2.7.3

Browser

Edge

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[pankaj-linde]

Hi @Lukas742,

Any update on this??

[Lukas742]

Hi @pankaj-linde

sorry for the late reply. We unfortunately don't have a fix for it yet, but I found that the React StrictMode is responsible for the strange behavior.

https://stackblitz.com/edit/react-cvcugnvs?file=src%2Findex.js

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v2.8.1 🎉

The release is available on v2.8.1

Your semantic-release bot 📦🚀

[ui5-webcomponents-react-bot]

🎉 This issue has been resolved in version v1.29.19 🎉

The release is available on v1.29.19

Your semantic-release bot 📦🚀