question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TextArea resize prop needed

See original GitHub issue

Hello,

Upon implementing the TextArea component into our project we ended up having a horizontal resize issue with the FormGroup and TextArea components:

image

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:closed
  • Created 4 years ago
  • Comments:8 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
christiemolloycommented, Sep 11, 2019

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.

1reaction
tlabajcommented, Oct 24, 2019

closed by #3180

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found