Manual Layout Does Not Honor the Height Ratio for Rows

[RoyiAvital]

Bug description

I use the layouts as documented in Figures.

When I use something like:

::: {layout="[[1], [1], [1]]"}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center"}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center"}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center"}

:::

I expect each row to have the same height and in total to occupy the height available.
I practice it seems the height of the rows allocated is not independent of the content.

Steps to reproduce

---
format: revealjs
---

## Slide 1

::: {layout="[[-1], [1], [-1]]"}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center"}

:::

## Slide 2

::: {layout="[[2], [2], [1]]"}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center" width=50}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center" width=50}

![](https://i.imgur.com/G2Y2TRd.png){fig-align="center" width=50}

:::

Expected behavior

• Slide 1: The image should be centered in the slide. It should be limited to 33% of the height below the title.
• Slide 2: The height of the area allocated to the first and second images to be twice the size of the last one.

Actual behavior

• Slide 1: The image stretched all over the slide:

• Slide 2: The height allocated to each image is the same:

Your environment

• IDE: Visual Studio 1.82.2.
• Quarto CLI 1.3.450.
• OS: Windows.

Quarto check output

[>] Checking versions of quarto binary dependencies...
      Pandoc version 3.1.1: OK
      Dart Sass version 1.55.0: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
      Version: 1.3.450
      Path: D:\Applications\Programming\Quarto\bin
      CodePage: 1252

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....OK

[>] Checking R installation...........(None)

      Unable to locate an installed version of R.
      Install R from https://cloud.r-project.org/

[cscheid]

Thanks for the report.

I expect each row to have the same height and in total to occupy the height available.

Why do you expect that? Here's our documentation: https://quarto.org/docs/interactive/layout.html#panel-layout I don't think we promise constraints on height across rows, because enforcing each row to have the same height would make awkward layouts.

The numbers specify the relative width within any one row. Across rows, those numbers are not related to one another.

[RoyiAvital]

I see, so the only ratio given is about the width?
I was reading: https://stackoverflow.com/questions/72941210.
It seems other expected that as well.

Could we somehow also force the height to have a certain ratio?

[cscheid]

Could we somehow also force the height to have a certain ratio?

I don't think there's a way to do it in the YAML cell metadata. It would be very hard to be able to control both width and height ratios, and then have to decide how to solve an overconstrained problem.

In these situations, your best bet is unfortunately to inspect the HTML and try to write CSS that solves the problem for you.