Unable to change the editor height based on the screen
Open
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.9k
- Forks
- 201
- Avg merge
- 12m
- Merged PRs (30d)
- 1
Description
Currently I am unable to change the height of the editor based on the screen. Is there any way we can fix it ?
Here is how my current editor setting is looking like:
<MDEditor
height={600}
value={content}
onChange={handleContent}
preview="live"
/>
I am expecting the setting something like the below based on the screen size:
<MDEditor
height={{ xs: 300, sm: 500, md: 600, lg: 700 }}
value={content}
onChange={handleContent}
preview="live"
/>
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 at the MDEditor component and inspect how its height prop is defined and applied. Compare the requested xs, sm, md, and lg behavior with the existing editor settings, then verify that the editor uses the appropriate height for each screen size.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100