palantir/blueprint

Cannot use Enter key in dialog/textarea spawned from Table

Open

#5,042 opened on 2021年11月29日

GitHub で見る
 (2 comments) (0 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
P2Package: corePackage: tableType: bughelp wanted

説明

Environment

  • Package version(s): table 3.9.12, core 3.49.1
  • Operating System: windows
  • Browser name and version: firefox and chrome

Code Sandbox

https://codesandbox.io/s/blueprint-sandbox-forked-r06o8?file=/src/index.tsx

image

Actual behavior

Cannot insert new lines by typing Enter in textarea in dialog which is a child of a Table

It behaves as if the table intercepted the Enter key. All other keys seem to work normally. It is possible to insert new lines by pasting (Ctrl-V).

Expected behavior

Can use the Enter key in textarea of dialog which is a child of a Table

Possible solution

コントリビューターガイド

技術スタック
typescriptreact
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
half day
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
fresh
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Basic ReactEvent handling in React
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
The issue is that the Table component intercepts the Enter key event, preventing it from reaching a textarea inside a Dialog. Investigate the Table's key event handling code, likely in src/components/table/ or similar. Look for any event.stopPropagation() or event.preventDefault() on Enter key. The fix may involve not propagating the event when the target is a textarea or dialog. Check the existing comments for any hints.
Cannot use Enter key in dialog/textarea spawned from Table · palantir/blueprint#5042 | Good First Issue