Could there be an option that allows Playground to take as many lines as it needs?

[drcmda]

Currently it limits it to 14 lines, which makes examples sometimes really hard to glance over. I wish it wouldn't do that and instead take up as many lines as it needs, even if it takes a full page. Often what the user sees at first isn't the actual example, but preparation code that shouldn't be the focus.

Here's an example: http://react-spring.surge.sh/native (scroll down to "Animating scroll position"), what you see isn't the primary part i'd like to teach there, it's just initial boilerplate, the actual example starts with line 17.

[drcmda]

After mucking around with it for a while i've found a hack:

htmlContext: {
  head: {
    raw: `
      <style>
        .scrollbar-container {
          max-height: unset!important;
        }
      </style>
    `
  },
},

The issue could be closed, unless you want to make it a Playground.prop (?)

[pedronauck]

For sure, that's a good idea, I'll make this change and put it in the release v0.12.0 🙏

[IssueHuntBot]

@issuehuntfest has funded $40.00 to this issue. See it on IssueHunt

[IssueHuntBot]

@pedronauck has submitted a pull request. See it on IssueHunt

[IssueHuntBot]

@pedronauck has rewarded $28.00 to @pedronauck. See it on IssueHunt

• 💰 Total deposit: $40.00
• 🎉 Repository reward(20%): $8.00
• 🔧 Service fee(10%): $4.00

[pedronauck]

Launched on v0.13.0 ✅