pnp / pnp/sp-dev-fx-controls-react
How to add custom css in 'ListItem comment' webpart.
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 433
- Forks
- 418
- Avg merge
- 5d 6m
- Merged PRs (30d)
- 19
Description
Hello,
Would anyone know how to change the width of the "List item comment" web part. There are some changes that I would like to make in the CSS of the Input Textarea and the Text Display Area, and I would like to hide the Delete button.
We have tried to change its width using CSS injection, but internally, the 'ListItem Comment' web part uses 'MS-Stack' and the class name is changing dynamically.
Please refer to the below image for the outcome of the currently used ListItem Comment web part.

Code -
Contributor guide
No contributing guide indexed for this repository
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.
Research direction
Start with the ListItemComments usage shown in the issue and inspect the control's public customization surface and styling documentation. Check whether supported options cover the textarea, display area, width, and Delete button; done means documenting the supported approach or clearly identifying the missing customization API.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, react, typescript
- Domain
- frontend
- Issue type
- Documentation
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100