handsontable / handsontable/hyperformula

Make the demos show their content fully in the guides

Open
#1,360 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Docs Good First Issue Impact: Low
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

Zrzut ekranu 2023-12-28 o 08 34 53
(more than half of the demo is under scroll, plus it is covered by the buttons)

Related pages
My environment

Browser: Chrome 120
System: MacOS Ventura
Browser Zoom: 100%
System Scale: 100%

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.