Drawer - Refine Drawer Usage for Better Integration with External Components

未關閉

#11,804 建立於 2025年5月2日 2 則留言 0 個 reaction 已指派 0 人在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度: 4/5
預估耗時: 3-5 天
新手友好度: 35/100

Issue 類型: 功能
描述清晰度: 基本清楚
活躍度: 停滯
技術堆疊: react, typescript
領域: frontend

研究方向

從 PR #4142 以及 TopologyView 對外部提供的 DrawerPanelContent 的使用開始。了解 DrawerHead 和 DrawerPanelBody 如何在 drawer 元件中組合，然後重現 sidebar 版面配置情境。當標準 drawer 元素無需 nested-content workaround 或手動 padding class 即可與外部 wrapper 整合時，即表示完成。

由索引模型根據 Issue 內容生成。

描述

Stale

Describe the problem

This arose from fixing a layout bug with the drawer component in PR #4142.

Using DrawerPanelContent within an externally provided DrawerPanelContent (in this case from PF Topology) breaks the layout of the sidebar panel.

Addressed by removing the nested DrawerPanelContent and directly applying DrawerHead and DrawerPanelBody within the DrawerPanelContent that is externally provided from TopologyView.

In our use case, the utility class pf-v6-u-p-md was applied to get the same padding, but this workaround highlights a gap in the current implementation.

How do you reproduce the problem?

See https://github.com/opendatahub-io/odh-dashboard/pull/4142.

Expected behavior

PatternFly needs an improved way to structure and compose standard drawer elements like DrawerHead and DrawerPanelBody within an external DrawerPanelContent wrapper from the TopologyView.

Is this issue blocking you? No.

What is your product and what release date are you targeting?
RHOAI

主要語言: TypeScript
星號: 862
分支: 392
平均合併: 4 天 8 小時
30 天內合併 PR: 9

貢獻指南

開啟貢獻指南

從這裡開始

先讀完整個 Issue，再讀專案的貢獻指南。
在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
Fork 儲存庫，在一個分支上完成修改。
送出 Pull Request，並在描述裡引用這個 Issue 編號。

patternfly/patternfly-react 的其他 Issue

Bug - Label - Doesn't allow ref forwarding 未關閉

PF Team

難度 2/5 1-3 小時新手友好度 68/100

patternfly/patternfly-react#12651 · 2026年9月14日建立
Bug - [Menu] - Flyout stays open when hovering a disabled item 未關閉

難度 2/5 1-3 小時新手友好度 78/100

patternfly/patternfly-react#12637 · 2026年9月2日建立
Table - support for small toggle using ActionsColumn 未關閉

PF Team

難度 2/5 1-3 小時新手友好度 72/100

patternfly/patternfly-react#12617 · 1 則留言 · 2026年8月13日建立
Toolbar - add support for item minWidths 未關閉

PF Team

難度 2/5 1-3 小時新手友好度 68/100

patternfly/patternfly-react#12610 · 1 則留言 · 1 個 reaction · 2026年8月3日建立
Bug - [LoginForm] - `autoComplete` is not exposed and cannot be defined in the LoginForm. 未關閉

難度 2/5 1-3 小時新手友好度 68/100

patternfly/patternfly-react#12600 · 2026年7月28日建立

查看 patternfly/patternfly-react 的全部 Issue

相似的 Issue

Tapping "Use video" more than once submits the verification twice 未關閉

難度 2/5 1-3 小時新手友好度 84/100

bcgov/bc-wallet-mobile#4761 · 1 則留言 · 2026年9月24日建立
fix(pg-meta): schemas.update and schemas.remove DO blocks fail when a name contains "$$" 未關閉

external-issue to-triage

難度 2/5 1-3 小時新手友好度 88/100

supabase/supabase#50882 · 2026年9月24日建立
Azure Sandboxes: Small and ExtraSmall tiers always fail to deploy (disk request exceeds tier maximum) 未關閉

area-deployment area-integrations triage:bot-seen

難度 2/5 半天新手友好度 86/100

microsoft/aspire#20459 · 1 則留言 · 2026年9月24日建立
Mobile builds drop the telemetry and crash-reporting keys, so opting in sends nothing 未關閉

難度 2/5 1-3 小時新手友好度 82/100

0xMiden/wallet#1118 · 2026年9月24日建立
[P3] Handle clipboard failures and announce copy status accessibly 未關閉

refactor

難度 2/5 1-3 小時新手友好度 84/100

nteract/semiotic#1534 · 2026年9月24日建立

更多 TypeScript Issue