quarto-dev / quarto-dev/quarto-cli

Column layout (e.g. `layout-ncol: 2`) not honoured in `panel: input`

Open
#4,587 0 comments 0 reactions 1 assignee View on GitHub

@cscheid is already working on this.

Since Mar 1, 2023.

enhancement layout ojs-engine
Dominant language
JavaScript
Stars
6k
Forks
458
Avg merge
1d 9h
Merged PRs (30d)
41

Description

Some Observable input elements do not follow the column layout inside panel: input blocks.

---
title: "input-col-test"
format: html
execute: 
  echo: false
---

# Heading

```{ojs}
//| panel: input
//| layout-ncol: 2
viewof is_a = Inputs.toggle({label: "A"})
viewof is_b = Inputs.toggle({label: "B"})
```

image

Wrapping it into :::{.panel-input} etc. does not help in this case.

I've observed this with toggles.

The alignment of the tickboxes against text vertically and spacing horizontally also seems odd - see below, although here the column layout is observed.

---
title: "input-col-test"
format: html
execute: 
  echo: false
---

# Heading

```{ojs}
//| panel: input
//| layout-ncol: 2
viewof is_b = Inputs.checkbox(["one", "two"], {label: "B"})
viewof is_a = Inputs.toggle({label: "A"})
```

image

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.