Skip to content

[SF][Table - Movable Multi Select]: Multi selected rows with movable shows single row moving #12494

@indrakantm23

Description

@indrakantm23

Describe the bug

In UI5 React Web component we are using Table component in one of our component with multi selection and movable feature. While the functionalities are working fine but we are experiencing following issues, even with latest WC version (2.15.0). -

  1. When selecting multiple rows and dragging it, it only appears that single row is being moved
Image
  1. When moving these rows / single row to an elements, full row is visible which doesnt look good and it hides elements behind it where we are planning to drop it
Image

Isolated Example

https://stackblitz.com/edit/vitejs-vite-pzehgax9?file=package.json,src%2FApp.tsx

Reproduction steps

  1. Navigate to Table component and select Multi select with movable true to enable drag and drop functionality
  2. Select more than one row and drag it
  3. Notice that all selected rows will be dragged but in UI it appears that single row is being moved
    ...

Expected Behaviour

  1. All selected rows should be visible or with a count so user know if all their selected rows are being moved
  2. When dropping to a location, we should either minimise the table row so the background element is also visible

Screenshots or Videos

Image Image

UI5 Web Components for React Version

2.15.0

UI5 Web Components Version

2.15.0

Browser

Chrome

Operating System

Mac

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    New

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions