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

• sortNodePosition throws when a sibling in enteringChildren has not mounted yet (Firefox: compareDocumentPosition: Argument 1 is not an object) 未關閉

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

  motiondivision/motion#3849 · 2026年9月25日 建立

• Add: S Play Event HD 未關閉
  check:passed streams:add

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

  iptv-org/iptv#52752 · 2026年9月25日 建立

• Improvement for contact popover 未關閉

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

  linagora/twake-ui#111 · 2026年9月25日 建立

• LiteLLM proxy response_cost (x-litellm-response-cost) is never applied to ChatModelOutput.cost 未關閉
  bug

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

  i-am-bee/beeai-framework#1697 · 1 個 reaction · 2026年9月25日 建立

• Support bun dedupe 未關閉
  enhancement

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

  antfu/node-modules-inspector#214 · 2026年9月25日 建立

更多 TypeScript Issue