TextArea resize prop needed
See original GitHub issueHello,
Upon implementing the TextArea component into our project we ended up having a horizontal resize issue with the FormGroup and TextArea components:
Note: There may also be a bug in the FormGroup for losing the stacking nature but I’ll leave that up to you to determine the best approach (if any) to take.
Currently we are getting around this by using:
style={{ resize: 'vertical' }}
Which limits the resizing to the vertical axis… But it would be greatly appreciated if we could get a prop that allows us to control this without the need of inline styles.
I am looking at the API on the following site, please let me know if it’s not the latest set of API. https://patternfly-react.surge.sh/patternfly-4/components/textarea/
Thanks in advance!
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (6 by maintainers)
Top Results From Across the Web
resize - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
The resize CSS property sets whether an element is resizable, and if so, in which directions.
Read more >How to get auto-resizing textarea passed as props? Works on ...
I am working on a new component for textareas and want to give them the ability to do three things; autofocus , debounce...
Read more >CSS resize property - W3Schools
The resize property defines if (and how) an element is resizable by the user. Note: The resize property does not apply to inline...
Read more >Creating a Custom Auto Resize TextArea Component For ...
Creating a Custom Auto Resize TextArea Component For Your React Web Application · 1. Creating the base component · 2. Creating the onChange ......
Read more >How to create auto-resize textarea using JavaScript/jQuery
Create a textarea and the task is to automatically resize it when we type or paste the content in it. It can be...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We can add the prop in React, but since we are modifying the style properties we would do it in Core first so that we can add modifier classes that update the resize properties. Then it will move to React to add the props @andrewballantyne
Also
resize="both"
is default.closed by #3180