Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FilterBar: Reordering Not working #7013

Closed
1 task done
pankaj-linde opened this issue Feb 28, 2025 · 2 comments · Fixed by #7060
Closed
1 task done

FilterBar: Reordering Not working #7013

pankaj-linde opened this issue Feb 28, 2025 · 2 comments · Fixed by #7060

Comments

@pankaj-linde
Copy link

pankaj-linde commented Feb 28, 2025

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
Copy link
Author

Hi @Lukas742,

Any update on this??

@Lukas742
Copy link
Contributor

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: 🆕 New
Development

Successfully merging a pull request may close this issue.

2 participants