Layout issue with scrolling code area #20
Description
There seems to be a layout issue when the code can scroll (via data-line-numbers). As you can see in this screenshot, some of the code is duplicated and "sticks out" at the bottom:
It looks like actually all the code is duplicated by RevealJS, depending on the number of line groups in data-line-numbers. The CopyCode plugin breaks this layout a bit, though.
The demo I've attached shows this in a very mild form, only a few pixels are duplicated. In itself this is already distracting, but depending on the CSS used for syntax highlighting, things get more problematic. It mostly shows up when I change the font size like this:
.reveal pre.code-wrapper code {
font-size: 150%;
line-height: 110%;
}or like this:
.reveal pre.code-wrapper,
.reveal pre.code-wrapper code {
font-size: 15pt;
}When I select the vs2015.min.css file for highlighting, you can see multiple lines repeated at the bottom:
