angular / angular/components

Input chips overflow input container with long unwrappable text (no longer removeable by click)

オープン
#14,934 コメント 7 件 リアクション 7 件 担当者 0 名 GitHub で見る
area: material/chips P4
主要言語
TypeScript
スター
25k
フォーク
6.8k
平均マージ
1日 8時間
マージ済み PR(30日)
91

説明

#### What is the current behavior?

In the current version of material (7.2.2), if a chip contains a long string that cannot be wrapped which ends up overflowing the container of the chip, the removeable button is no longer viewable. (The chip is still removeable if selected and removed using the backspace keyboard input though). See screenshot below for example from the material.angular.io site (last input item).

![image](https://user-images.githubusercontent.com/6168747/51638838-79dc9780-1f2d-11e9-8238-0697ad85e3fe.png)

Proposing that either the text be force wrapped or truncated, or an option to choose between the two.

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

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

調査の方向性

まず、material.angular.io に表示されている Angular Material の chips input で、折り返せない長い chip の値を使って問題を再現します。テキストを強制的に折り返すか、提案されているとおりに切り詰めることで、chip の削除ボタンが表示されたままクリック可能になれば完了です。

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

評価

技術スタック
angular, typescript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
38/100

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

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