patternfly / patternfly/patternfly-react

ActionList & OverflowMenu: consider using flex-start instead

未关闭 适合新手
#12,257 3 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

Stale
主要语言
TypeScript
星标
862
派生
392
平均合并
4 天 8 小时
30 天内合并 PR
9

描述

I'm seeing warnings like below

./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
Warning

(11:3) autoprefixer: start value has mixed support, consider using flex-start instead

Import trace for requested module:
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.css
./node_modules/@patternfly/react-styles/css/components/ActionList/action-list.mjs
./node_modules/@patternfly/react-core/dist/esm/components/ActionList/ActionList.js
./node_modules/@patternfly/react-core/dist/esm/components/ActionList/index.js
./node_modules/@patternfly/react-core/dist/esm/components/index.js
./node_modules/@patternfly/react-core/dist/esm/index.js
./libs/patternfly/react-core.ts

./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
Warning

(16:3) autoprefixer: start value has mixed support, consider using flex-start instead

Import trace for requested module:
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.css
./node_modules/@patternfly/react-styles/css/components/OverflowMenu/overflow-menu.mjs
./node_modules/@patternfly/react-core/dist/esm/components/OverflowMenu/OverflowMenuContent.js
./node_modules/@patternfly/react-core/dist/esm/components/OverflowMenu/index.js
./node_modules/@patternfly/react-core/dist/esm/components/index.js
./node_modules/@patternfly/react-core/dist/esm/index.js
./libs/patternfly/react-core.ts

Versions in use:
"@patternfly/patternfly": "^6.4.0",
"@patternfly/quickstarts": "^6.3.1",
"@patternfly/react-charts": "^8.3.1",
"@patternfly/react-core": "^6.4.0",
"@patternfly/react-drag-drop": "^6.4.0",
"@patternfly/react-icons": "^6.4.0",
"@patternfly/react-styles": "^6.4.0",
"@patternfly/react-table": "^6.4.0",
"@patternfly/react-tokens": "^6.4.0",
"@patternfly/react-user-feedback": "^6.2.0",

This appears to be the same as #9466 with different components.


Jira Issue: PF-3656

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从警告跟踪中提到的 ActionList/action-list.css 和 OverflowMenu/overflow-menu.css 文件开始,将第 11 行和第 16 行报告的声明与 issue #9466 进行比较。确认两个组件适用的 flex 对齐方式更改,然后运行受影响的 PatternFly React 构建或使用它的 Next.js 设置。完成的标准是 autoprefixer 警告不再出现,同时不改变组件的布局行为。

由索引模型根据 Issue 内容生成。

评估

技术栈
react, typescript
领域
frontend
Issue 类型
缺陷
难度
2/5
预计耗时
1-3 小时
活跃度
冷清
描述清晰度
基本清楚
新手友好度
65/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。