Runkit: Code padded by extra lines

[molgin]

Describe the bug

It seems impossible to have code start on line 1 of a Runkit block, or control the indentation on line 2.

To Reproduce

See this demo.

{% runkit %}
  const foo = {
    a: 1,
    b: 2
  }
{% endrunkit %}

yields no code on lines 1 or 2, plus two trailing lines:

Meanwhile,

{% runkit %}const foo = {
    a: 1,
    b: 2
  }{% endrunkit %}

yields no code on line 1, and extra indentation on line 2, plus one trailing line:

(Also, line numbers are partly cut off on mobile.)

Expected behavior

Expect code to start on line 1 with correct indentation, and no trailing lines.

Desktop:

• OS, version: Mac OS 10.14.6
• Browser, version: Brave Version 1.10.97 Chromium: 83.0.4103.116

Smartphone:

• Device: Pixel 3 XL
• OS, version: Android 10
• Browser, version: Chrome version 84.0.4147.125

[github-actions]

Thanks for the issue! We'll take your request into consideration and follow up if we decide to tackle this issue.

To our amazing contributors: issues labeled type: bug are always up for grabs, but for feature requests, please wait until we add a ready for dev before starting to work on it.

To claim an issue to work on, please leave a comment. If you've claimed the issue and need help, please ping @forem/oss and we will follow up within 3 business days.

For full info on how to contribute, please check out our contributors guide.

[SiddharthShyniben]

You can fix the indentation by removing it in the liquid tag itself:

{% runkit %}
const foo = {
  a: 1,
  b: 2
}
{% endrunkit %}