-
Notifications
You must be signed in to change notification settings - Fork 640
Fix MarkdownEditor fullHeight support #3893
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
Conversation
🦋 Changeset detectedLatest commit: b3ead6c The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
5243680 to
1a97aea
Compare
1a97aea to
e425e2f
Compare
e425e2f to
3a64db0
Compare
.changeset/fluffy-months-invite.md
Outdated
| @@ -0,0 +1,5 @@ | |||
| --- | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There are 2 changesets here, I imagine you only want the patch one?
| <MarkdownEditor.Label visuallyHidden={hideLabel}>Markdown Editor Example</MarkdownEditor.Label> | ||
| </MarkdownEditor> | ||
| <p>Note: for demo purposes, files starting with "A" will be rejected.</p> | ||
| <div style={{height: '400px'}}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🤔 what's the purpose of this height?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I set the height of this element so we can test if the child MarkdownEditor component does extends to full height to its parent element height.
But I agree it is a bit confusing from the code. I can add comment or remove the change if you think it isn't needed.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove the change for now.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looking good, left a couple of comments
c90be57 to
a268f5b
Compare
a268f5b to
ed1daaf
Compare
|
Thanks for reviewing. Just update the PR accordingly. |
|
@stkao05, There are some recent changes to MarkdownEditor in |
bab7615 to
ed1daaf
Compare
no problem. just did 👌 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This looks good! Will merge after CI passes :)
Closes #
Changelog
Changed
Currently, the MarkdownEditor's fullHeight prop doesn't take effect because the height change isn't applied to the outermost container element (
<fieldset>). The PR fixes the issue by applying full height style to the the container element.Storybook has also been updated for demo purpose.
(Demo screen recording: after the fix, the MarkdownEditor correctly resizes to full height when fullHeight is turned on)
Screen.Recording.2023-11-01.at.4.51.37.PM.mov
Rollout strategy
Testing & Reviewing
Merge checklist