Attribution not correctly placed on Chromium

Question

Attribution not correctly placed on Chromium

Closed this issue 2 years ago · 3 comments

On Chromium, the attribution text is not placed at the right border of the screen but in the center of the screen. For me this is a problem when printing slides on decktape, which uses builtin Chromium for rendering.

Answer 1 · 2022-11-22T10:55:24.000Z

On Chromium the CSS transform transform: translate( -50%, -50% ) scale( 100% ) rotate(-180deg); produces a warning/error invalid property value. This is in the style .attribution .

Answer 2 · 2022-11-23T04:48:15.000Z

Also, the CSS transform writing-mode: vertical-lr; produces a different result on Chromium than on Chrome and Firefox. See here what it should do. On Chromium exactly this is done, not so on Chrome and Firefox.

Answer 3 · 2022-11-23T07:09:18.000Z

Setting transform: translate( -50%, -50% ) scale( 1.0 ) rotate( 180deg )!important; we can produce the same behavior in Chrome and Firefox as on Chromium. The culprit is the scale transform that is dynamically injected by Reveal.js that scales the attribution span properly to full page width (see computed styles when inspecting the attribution). When overriding this with !important, we see the same as in Chromium. No idea why this does not work in Chromium.

Solution: use Chrome in decktape for printing slides, overriding the builtin Chromium.