ActionList & OverflowMenu: consider using flex-start instead
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 65/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Quiet
- Tech stack
- react, typescript
- Domain
- frontend
Research direction
Start with the ActionList/action-list.css and OverflowMenu/overflow-menu.css files named in the warning traces, and compare the reported declarations at lines 11 and 16 with issue #9466. Confirm the appropriate flex alignment change for both components, then run the affected PatternFly React build or consuming Next.js setup. Done means the autoprefixer warnings no longer appear without changing component layout behavior.
Written by the indexing model from the issue text.
Description
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
- Dominant language
- TypeScript
- Stars
- 862
- Forks
- 392
- Avg merge
- 4d 8h
- Merged PRs (30d)
- 9
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from patternfly/patternfly-react
-
PF Team
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-react#12651 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
patternfly/patternfly-react#12637 ·
-
PF Team
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
patternfly/patternfly-react#12617 · 1 comment ·
-
PF Team
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-react#12610 · 1 comment · 1 reaction ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
patternfly/patternfly-react#12600 ·
All issues in patternfly/patternfly-react
Similar issues
-
clawsweeper:linked-pr-open clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:message-loss issue-rating: 🦞 diamond lobster maturity:stable P2
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#616 ·
-
ZCode 3.14.3 に対応する Open
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
supermomonga/zcode-acp#24 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
growthbook/growthbook#7100 ·
-
triage
Difficulty 1/5 1-3 hours Newbie friendliness 88/100