Kibana version:
Tested at #21d8ec but likely present before that

Browser version:
Safari Version 12.0 (13606.2.11)

Browser OS version:
macOS High Sierra 10.13.6 (17G65)

Original install method (e.g. download page, yum, from source, etc.):
repo install

Describe the bug:
Full screen mode of canvas renders with an initially misaligned (right-shifted), partly visible page.

It might be a Safari CSS bug (see comments on the bottom)

Steps to reproduce:

1. Load a canvas workpage into the browser
2. Switch to full screen mode

Expected behavior:
Canvas page is centered and fills the browser window with the constraint of aspect ratio preservation (possible black band on top/bottom or left/right)

Screenshots (if relevant):

Errors in browser console (if relevant):
None

Provide logs and/or server output (if relevant):

Any additional context:

Noticed by Rashid - here are my initial triage comments copied from slack:

• @rashidkpc here's a "fix": resize the browser window to be much narrower, then back 😁 my initial guess is, some kind of width-dependent CSS responsivity breaks
• hmm i don't see anything suspicious (eg. breaks) in fullscreen.scss, it might even be a Safari bug
• deleting top/left/bottom/right: auto didn't help but those could be removed if positioning is static
• this positioning thing is pure CSS, there's no JS execution at all on the window resize, so I'm starting to run out of ideas but there's much CSS expertise around
• weirdly, setting overflow to hidden makes the page invisible altogether (in Safari only); playing with browser window width then makes it reappear, it's as though Safari has no idea of the content size on initial render or above a certain size