Relocating invisible block with empty slide content

[asongtoruin]

I'm trying to use reveal-hugo for a presentation containing interactive graphs. Ideally, I want to have these graphs shown as a full-page slide within the presentation so that the user can interact with the graph before continuing.

At present, I'm doing this through background-iframe, which visually works well:

+++
title = "Test"
outputs = ["Reveal"]
+++

# Hello

---

{{< slide background-iframe="/Gap Temp.html" >}}

---

# Goodbye

Example graph is in this zip folder

However, there is a "dead zone" in the (vertical) middle of the graph where there is no interactivity. Going through Chrome's web tools, this seems to be the result of the present section, and its hard-coded style attributes.

Is there any way to either reduce the size of this zone or change its top attribute? Changing this in the dev tools to -100 shifts it all the way off the screen, seemingly without breaking other functionality, but I can't seem to get this to work through styles as it's hard-coded to the element.

Thanks!

[joshed-io]

Hi @asongtoruin, thanks for asking the question. The underlying Reveal.js library is responsible for the style applied to the sections, so for that part you might have more luck filing an issue here.

I'm curious if you tried changing the z-index property of that section of the slide, and if that might allow you to work around it?