handsontable / handsontable/hyperformula
Make the demos show their content fully in the guides
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2.8k
- Forks
- 171
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 7
Description
Description
Some of the demos are added to guides, but they are cut in a way that makes the DX rather poor. We should resize the example's element to enhance the guide.
Screenshots
(more than half of the demo is under scroll, plus it is covered by the buttons)
Related pages
- Custom functions guide - https://hyperformula.handsontable.com/guide/custom-functions.html#working-demo (more than half of the demo is not visible)
- Advanced usage - https://hyperformula.handsontable.com/guide/advanced-usage.html#demo (not that bad, but we could add those 50px more)
- Batch operations - https://hyperformula.handsontable.com/guide/batch-operations.html#what-you-can-t-batch (a few more pixels and we won't have the scrollbar)
- Sorting data - https://hyperformula.handsontable.com/guide/sorting-data.html#data-sorting-demo (a few more pixels and we won't have the scrollbar)
- Internationalization - https://hyperformula.handsontable.com/guide/i18n-features.html#en-us-configuration
My environment
Browser: Chrome 120
System: MacOS Ventura
Browser Zoom: 100%
System Scale: 100%
Contributor guide
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 by opening the demos linked in the Custom functions, Advanced usage, Batch operations, Sorting data, and Internationalization guides, then locate the embedded example elements and their sizing. Done means the demo content is fully visible without unnecessary scrolling or being covered by buttons across the listed pages; verify the result in Chrome at the stated zoom and scale.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- documentation, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100