IgbTextarea – 高さを親要素に合わせる

IgbTextarea の高さを親要素に合わせる方法について解説します。

CSS による実装例

::deep igc-textarea {
    height: 100%;
}

::deep igc-textarea::part(container) {
    height: 100%;
}

::deep igc-textarea::part(input) {
resize: none; /* リサイズを無効化します */
}

1. igc-textarea:
   igc-textarea コンポーネント全体の高さを親要素に合わせるために、height: 100%; を指定しています
2. igc-textarea::part(container):
   igc-textarea 内部の container パーツに対して height: 100%; を指定しています。これにより、container パーツが親要素の高さに一致します
3. igc-textarea::part(input):
   resize: none; を指定することで、ユーザーがテキストエリアのサイズを手動で変更できないようにしています

実行結果

関連ドキュメント

• IgbTextareaの高さを指定する – INFRAGISTICS ナレッジ ベース
• Blazor Text Area (テキスト エリア) | データ可視化ツール | インフラジスティックス