patternfly / patternfly/patternfly-react
ActionList & OverflowMenu: consider using flex-start instead
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 862
- Forks
- 392
- Ø Merge
- 4 T. 8 Std.
- Gemergte PRs (30 T.)
- 9
Beschreibung
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
Beitragsleitfaden
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit den in den Warnungs-Traces genannten Dateien ActionList/action-list.css und OverflowMenu/overflow-menu.css und vergleiche die gemeldeten Deklarationen in den Zeilen 11 und 16 mit Issue #9466. Bestätige die passende Änderung der Flex-Ausrichtung für beide Komponenten und führe anschließend den betroffenen PatternFly React-Build oder das konsumierende Next.js-Setup aus. Erledigt ist die Aufgabe, wenn die Autoprefixer-Warnungen nicht mehr erscheinen, ohne das Layoutverhalten der Komponenten zu ändern.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Ruhig
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 65/100