Youtube-like rendering mode shift contents but keeps an empty background

[alexandercerutti]

According to the image below, the Youtube-like rendering mode (which consists of shifting down the first line, when the mode is enabled), shifts down the content but maintains an empty line (which is utterly ugly and wrong).

This probably happens because translateY is applied to the wrong element.

To enable the Youtube-like mode, sample's script.mjs should be edited to add the following lines on the bottom of the file.

/**
 * @type {CaptionsRenderer}
 */

const rendererElement = document.getElementsByTagName("captions-renderer")[0];
rendererElement.setRegionProperties({
	shiftDownFirstLine: true,
});