mattermost-community/focalboard

Bug: Unable to drag to select text in table view

Open

#4,844 建立於 2022年9月6日

在 GitHub 查看
 (2 留言) (0 反應) (0 負責人)TypeScript (26,187 star) (2,542 fork)user submission
Help WantedSev/3Up for grabs

描述

Steps to reproduce the behaviour

  1. Create or go to a board in table view
  2. Ensure that the view has an editable text column
  3. Attempt to drag to select text from within that column

Expected behaviour

The text is selected. Instead, the whole row is picked up and dragged, and if you drop it, it often gets moved even if you drop it in the same place you started.

At a higher level, I'd expect clicking and dragging the mouse to only trigger text selection as long as the cursor is within an editable textbox. I'd only expect the whole row to get dragged when first clicking outside of an editable field.

Edition and Platform

  • Boards plugin on community in MM Desktop App on Mac
  • Focalboard 0.15.2 (33) standalone on Mac

Additional context

This might be related to https://github.com/mattermost/focalboard/issues/1620, but I'm not sure if those components handle dragging/selection differently

貢獻者指南

技術棧
typescriptreact
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
TypeScriptReactDrag and drop events
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60
研究方向
Examine the related issue #1620 for context. Locate the table view component (likely in webapp/src/components/tableView). Look at the drag handler for rows to see why mousedown events are not being captured properly for text selection. Check if there is a need to stop propagation or use a different event handling for editable text fields. Review any recent changes to the component that might have introduced this behavior.