Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(textarea): add horizontal and vertical resize variants #2331

Merged
merged 2 commits into from Oct 10, 2019

Conversation

mcoker
Copy link
Contributor

@mcoker mcoker commented Oct 3, 2019

fixes #2251

@patternfly-build
Copy link

PatternFly-Next preview: https://patternfly-next-pr-2331.surge.sh

Copy link
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added a few questions that might pertain to form-control > textarea or all form-controls. I noticed that the resizable textareas can break out of their container. We probably want to prevent that.


&.pf-m-resize-horizontal {
resize: horizontal;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you add max-width: 100% and a min-width to this?

Copy link
Contributor Author

@mcoker mcoker Oct 9, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mceledonia should we add a min-width to the textarea when you can resize it horizontally, to prevent sizing it down too narrow?


&.pf-m-resize-vertical {
resize: vertical;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe a min-height here?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mceledonia what about a min-height when you can resize it vertically to prevent sizing it down too short?

@mcoker
Copy link
Contributor Author

mcoker commented Oct 10, 2019

@mcarrano would you mind verifying the behavior from our discussion this morning?

@mattnolting mattnolting self-requested a review October 10, 2019 17:05
Copy link
Contributor

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

Opened #2357 to address min/max width/height.

@mcoker
Copy link
Contributor Author

mcoker commented Oct 10, 2019

@mattnolting re: #2357 we discussed that this morning and decided not to impose a min/max-height/width beyond the changes in this PR. @mceledonia @mcarrano do you want to weigh in?

@mcarrano
Copy link
Member

@mcoker This looks great.

@mattnolting we decided to keep this simple and not impose a max/min width or height. There does not seem to be any harm in letting the user control this other than constraining the resizing as implemented by this PR.

Copy link
Member

@christiemolloy christiemolloy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NICE!

@christiemolloy christiemolloy merged commit a362aad into patternfly:master Oct 10, 2019
@redallen
Copy link
Contributor

🎉 This PR is included in version 2.34.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

6 participants