quarto-dev/quarto-cli

Misaligned check boxes

brunomioto opened this issue · 3 comments

Bug description

When adding check boxes with markdown style, it seems misaligned

Here comes the check boxes

- [ ] Check box 1
- [x] Check box 2

It doesn't seem to be aligned

::: {.callout-note}

## Let's see inside callout blocks

- [ ] Check box 1
- [x] Check box 2

It doesn't feel right...

:::

image

RStudio 2022.12.0 Build 353

#> - Session info ---------------------------------------------------------------
#>  setting  value
#>  version  R version 4.1.1 (2021-08-10)
#>  os       Windows 10 x64 (build 19044)
#>  system   x86_64, mingw32
#>  ui       RTerm
#>  language (EN)
#>  collate  Portuguese_Brazil.1252
#>  ctype    Portuguese_Brazil.1252
#>  tz       America/Sao_Paulo
#>  date     2023-02-27
#>  pandoc   2.19.2 @ C:/Program Files/RStudio/resources/app/bin/quarto/bin/tools/ (via rmarkdown)
#> 
#> - Packages -------------------------------------------------------------------
#>  package     * version    date (UTC) lib source
#>  cli           3.4.1      2022-09-23 [1] CRAN (R 4.1.3)
#>  digest        0.6.29     2021-12-01 [1] CRAN (R 4.1.3)
#>  evaluate      0.15       2022-02-18 [1] CRAN (R 4.1.3)
#>  fansi         1.0.3      2022-03-24 [1] CRAN (R 4.1.3)
#>  fastmap       1.1.0      2021-01-25 [1] CRAN (R 4.1.1)
#>  fs            1.5.2      2021-12-08 [1] CRAN (R 4.1.3)
#>  glue          1.6.2      2022-02-24 [1] CRAN (R 4.1.3)
#>  highr         0.9        2021-04-16 [1] CRAN (R 4.1.1)
#>  htmltools     0.5.2      2021-08-25 [1] CRAN (R 4.1.1)
#>  knitr         1.38       2022-03-25 [1] CRAN (R 4.1.3)
#>  lifecycle     1.0.3      2022-10-07 [1] CRAN (R 4.1.3)
#>  magrittr      2.0.3      2022-03-30 [1] CRAN (R 4.1.3)
#>  pillar        1.8.1      2022-08-19 [1] CRAN (R 4.1.3)
#>  pkgconfig     2.0.3      2019-09-22 [1] CRAN (R 4.1.1)
#>  purrr         1.0.0.9000 2023-01-05 [1] Github (tidyverse/purrr@ee904f3)
#>  R.cache       0.15.0     2021-04-30 [1] CRAN (R 4.1.1)
#>  R.methodsS3   1.8.1      2020-08-26 [1] CRAN (R 4.1.1)
#>  R.oo          1.24.0     2020-08-26 [1] CRAN (R 4.1.1)
#>  R.utils       2.11.0     2021-09-26 [1] CRAN (R 4.1.1)
#>  reprex        2.0.2      2022-08-17 [1] CRAN (R 4.1.3)
#>  rlang         1.0.6      2022-09-24 [1] CRAN (R 4.1.3)
#>  rmarkdown     2.18.1     2022-11-15 [1] Github (rstudio/rmarkdown@b87ca50)
#>  rstudioapi    0.13       2020-11-12 [1] CRAN (R 4.1.1)
#>  sessioninfo   1.2.2      2021-12-06 [1] CRAN (R 4.1.3)
#>  stringi       1.7.6      2021-11-29 [1] CRAN (R 4.1.2)
#>  stringr       1.5.0      2022-12-02 [1] CRAN (R 4.1.3)
#>  styler        1.7.0      2022-03-13 [1] CRAN (R 4.1.3)
#>  tibble        3.1.8      2022-07-22 [1] CRAN (R 4.1.3)
#>  utf8          1.2.2      2021-07-24 [1] CRAN (R 4.1.1)
#>  vctrs         0.5.0      2022-10-22 [1] CRAN (R 4.1.3)
#>  withr         2.5.0      2022-03-03 [1] CRAN (R 4.1.3)
#>  xfun          0.30       2022-03-02 [1] CRAN (R 4.1.3)
#>  yaml          2.3.5      2022-02-21 [1] CRAN (R 4.1.2)
#> 
#>  [1] C:/Users/Bruno/Documents/R/win-library/4.1
#>  [2] C:/Program Files/R/R-4.1.1/library
#> 
#> ------------------------------------------------------------------------------

Created on 2023-02-27 with reprex v2.0.2

Checklist

  • Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
  • Please format your issue so it is easier for us to read the bug report.
  • Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
  • Please document the operating system you're running. If on Linux, please provide the specific distribution.

If I add the check boxes as HTML, it works

Here comes the check boxes

<input type="checkbox" unchecked> Check box 1</input>

<input type="checkbox" checked> Check box 2</input>

It does seem to be aligned

::: {.callout-note}

## Let's see inside callout blocks

<input type="checkbox" unchecked> Check box 1</input>

<input type="checkbox" checked> Check box 2</input>

It does feel right!

:::

image

The style that causes that is coming from Pandoc's HTML template, specifically the change from 2.18 to 2.19: jgm/pandoc-templates@9a66150 We'll need to work around that.

Thanks for the report. Turns out this had been broken since quarto 1.1.51 (!). We fixed it now:

image