quarto-dev / quarto-dev/quarto-cli
Column layout (e.g. `layout-ncol: 2`) not honoured in `panel: input`
Open
@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"})
```

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"})
```

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.
Assessment
This issue has not been assessed yet.