reveal.js' stretch class and source/listing blocks doesn't work

[rakus]

When the stretch class is applied to a source block, the block is not stretched on the slide.

[source,xml, role="stretch"]
----
some xml here
----

From my understanding it seems, that the resulting html is to deeply nested:

<div class="listingblock stretch">
    <div class="content">
        <pre class="highlight">
            <code data-noescape>
                some xml here
            </code>
        </pre>
    </div>
</div>

Removing the two outer <div> results in proper display:

<pre class="highlight stretch">
    <code data-noescape>
        some xml here
    </code>
</pre>

A similar problem was reported for images in #82

[obilodeau]

I'm going to look at this for the upcoming 2.0 since I'm already going to alter code blocks and I think code blocks are probably why reveal.js (and thus asciidoctor-reveal.js) is so popular compared to powerpoint.

[refaelsh]

Just wanted to point out that the documentation says to use the stretch thingy like this:

[.stretch]

And @rakus used it differently. What am I missing please?

[obilodeau]

@refaelsh, roles are an important part of AsciiDoc and they have two syntaxes, a quick one to save typing time and a more verbose one. You can learn more about it here: https://asciidoctor.org/docs/user-manual/#role

[mojavelinux]

Unless you have really good reason not to, you should always prefer the shorthand syntax (e.g., [.stretch]).

[refaelsh]

I understand. Thank you.