AnalyticalTable: Drag event in onMouseDown causes selection of unrelated content (Firefox)
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
- Open the example page for the Analytical Table in Firefox
- In any cell of the table, click-and-hold the primary mouse button
- Move the mouse within the boundary of the cell
- 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.
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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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