Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Request: Consistent Material Design for All Form Components

オープン
#4,319 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
説明が足りない
活発さ
静か
技術スタック
javascript
領域
frontend

調査の方向性

この issue では、ファイル、テスト、エントリーポイントが指定されていません。まず Framework7 に既存の Material フォームコンポーネントと、参照されている Material select の例を確認し、そのうえで対象に含めるネイティブスタイルのコンポーネントと、一貫した Material スタイリングをどのように検証するかを定義してください。

索引モデルが issue の本文から書いたものです。

説明

Is your feature request related to a problem? Please describe.

I’ve noticed that when using the Material theme, some form components (like select, date, etc.) still fall back to the browser’s native styles. This leads to an inconsistent look and feel when compared to the other beautifully styled Material Design components provided by Framework7.

It would be great if Framework7 could provide custom-styled versions of these components that follow the Material Design guidelines to help developers achieve consistent styling across all form inputs.

Describe the solution you'd like

Describe alternatives you've considered

Additional context
Select Components With Material Style:
https://material-web.dev/components/select/
https://material.angular.dev/components/select/overview
https://varletjs.org/#/en-US/select
https://www.mdui.org/en/docs/2/components/select

The current look of Framework7:

Image

Image

主要言語
JavaScript
スター
18.8k
フォーク
3.2k
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

framework7io/framework7 のほかの issue

framework7io/framework7 の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。