SAP/ui5-webcomponents-react

AnalyticalTable: Drag event in onMouseDown causes selection of unrelated content (Firefox)

Opened this issue · 0 comments

thatmanmatt commented

Describe the bug

When using the AnalyticalTable in Firefox, click-and-hold the primary mouse button in a cell.

With the button still pressed (i.e., still in onMouseDown event), the slightest movement of the mouse causes unrelated text in rows above the cell to be selected (i.e., highlighted).

Isolated Example

https://sap.github.io/ui5-webcomponents-react/?path=/docs/data-display-analyticaltable--docs

Reproduction steps

  1. Open the example page for the Analytical Table in Firefox
  2. In any cell of the table, click-and-hold the primary mouse button
  3. Move the mouse within the boundary of the cell
  4. Note that all cell content in rows above the cell is now highlighted as a selection

Expected Behaviour

Only text in the current cell should be highlighted, and only explicitly when the mouse is dragged across it in onMouseDown state.

image

Screenshots or Videos

FF.Analytical.Table.onMouseDown.mov

UI5 Web Components for React Version

1.27.0

UI5 Web Components Version

1.24.0

Browser

Firefox

Operating System

macOS 14.4.1 (23E224)

Additional Context

No response

Relevant log output

No response

Organization

SAP SE

Declaration

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