UI5 / UI5/webcomponents-react

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

Open
#5,694 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
540
Forks
113
Avg merge
1d 9h
Merged PRs (30d)
67

Description

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

https://github.com/SAP/ui5-webcomponents-react/assets/25363688/8c1ea63e-2662-4f7d-9036-c9efceca6b9f

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.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the AnalyticalTable isolated example and reproduce the selection behavior in Firefox using the documented reproduction steps. Trace the table's mouse handling during onMouseDown, then verify that moving within a cell does not select unrelated rows while dragging still selects intended text.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.