palantir/blueprint

Dev mode warning for Tooltip wrapping a disabled Button

Open

#3,494 opened on 2019年4月23日

GitHub で見る
 (0 comments) (2 reactions) (0 assignees)TypeScript (20,263 stars) (2,167 forks)batch import
Domain: APIP2Package: coreType: enhancementhelp wanted

説明

Even though it's well-documented, the issue comes up frequently: https://github.com/palantir/blueprint/issues/967#issuecomment-485615346

We should log a warning in development mode, suggesting use of an AnchorButton instead. Writing a lint rule seems like it would be harder than introspecting the React tree at runtime.

cc @thelastnode

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

技術スタック
reacttypescript
領域
frontend
Issue 種別
feature
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
ReactBlueprint componentsTypeScript
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65
調査方針
Implement a dev mode warning in the Tooltip component that checks if its children include a disabled Button. Inspect the Tooltip component source in the Blueprint repository (likely in packages/core/src/components/tooltip). Use React.Children or React.Children.forEach to iterate over children and check if any element is a Button with disabled prop. If so, log a warning suggesting AnchorButton. Look at existing dev warnings in Blueprint (e.g., using the debug package or process.env.NODE ENV) to maintain consistency.