Footnote in Revealjs on top of text

[reuning]

Bug description

Using Revealjs, the footnote is appearing on top of the text no matter how little text I have on the slide. See the below example.

---
title: "Footnote"
format: revealjs
---

# Test

This needs a footnote^[Footnote]

Renders as:

The settings:

kevinreuning@Kevins-MacBook-Pro-4 R Bootcamp % quarto preview "/Users/kevinreuning/Dropbox/Teaching_Kevin/Spring_2023/R Bootcamp/
tmp.qmd" --no-browser --no-watch-inputs
pandoc 
  to: revealjs
  output-file: tmp.html
  standalone: true
  title-prefix: Presentations
  wrap: none
  default-image-extension: png
  html-math-method:
    method: mathjax
    url: >-
      https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_HTML-full
  slide-level: 2
  
metadata
  link-citations: true
  width: 1050
  height: 700
  margin: 0.1
  center: false
  navigationMode: linear
  controlsLayout: edges
  controlsTutorial: false
  hash: true
  history: true
  hashOneBasedIndex: false
  fragmentInURL: false
  transition: none
  backgroundTransition: none
  pdfSeparateFragments: false
  lang: en
  auto-stretch: true
  author: Kevin Reuning
  theme:
    - default
  title: Footnote
  
Output created: _site/tmp.html

Quarto version: 1.2.280
System Version: macOS 13.1 (22C65)

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.

[dragonstyle]

This appears to be caused by using a level 1 heading (which applies styling to that title as if it were a title for the entire deck vs the title for a single slide).

Try this instead:

---
title: "Footnote"
format: revealjs
---

## Test

This needs a footnote^[Footnote]

[reuning]

Thanks. I guess I've been misusing headings throughout my deck then.

[dragonstyle]

I should add that I believe a level 1 heading might also be a section slide that pretty much features only a title/subtitle as well. Hopefully using level 2 headings will still give you the appearance that you're happy with for the deck!

[reuning]

Level 2 headings work. I've just been putting text on slides with level 1 headings as I don't like (mostly) blank section headings. You can see what I mean here: https://kevinreuning.com/presentations/day_1.html#/r-as-a-calculator

I looked through the docs, and it seems this is coming from Pandoc and so I think I will just live with it as it is for now. Thanks again for this project.

[abduazizR]

Is there an available solution for this bug as of today?

[prosoitos]

This also seems to happen when using a level 2 but with the center flag:

## Heading {.center}

Some text^[footnote]

[leonardblaschek]

I know you guys have tons on your plate and this is probably not a priority, but is there any plan to address this, or am I better off trying to cobble together a hack to work around this? I am quite fond of using level 1 headers in my presentations, and I keep running into this issue.

[mcanouil]

I don't know why the issue is closed but with the current state, it would be better to open a new issue filling out completely the issue template, including adding fully reproducible example(s).
And referencing this issue in the new one.

Note, that you should be able to move the footnotes using CSS.
Level 1 slides are basically "title slides", in some regards, it's weird to have footnotes on this kind of slide.

[prosoitos]

Note that my little snippet above about the problem with the center flag should be reproducible.

[mcanouil]

@prosoitos that is not the point I'm making.