Bug - Password Generator - Inconsistent Demo Layout in Docs (HTML vs TSX Demos)

评估

调研方向

描述

Describe the problem

In the docs for Password Generator, there is an issue with the layout of the demo.

The HTML demo uses a FormGroup component, which renders the demo at the correct width (with a max-width of 825px set in the docs framework).

The TSX demo uses the InputGroup component, which seems to be the new recommended React component for this functionality. However the InputGroup demo is rendered at a very small width, making the code editor and the demo code difficult to read:

How do you reproduce the problem?

1. Go to the React docs for Password Generator
2. See the TSX demo using InputGroup, which is collapsed and has a narrow width.
3. Compare to the HTML demo using FormGroup which has the proper layout.

Expected behavior

TSX demo for the Password Generator should be displayed with the same layout and width as the HTML demo.

Screenshots

See above

What is your environment?

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Chrome

贡献指南

打开贡献指南

从这里开始

1. 先读完整个 Issue，再读项目的贡献指南。
2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
3. Fork 仓库，在一个分支上完成修改。
4. 提交 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