Use any key to exit a blank slide

[mirisuzanne]

Related Issue(s)

Fixes #20

Steps to test/reproduce

• Hit . or , to enter blank screen
• Hit any key to exit, without any other impact on the presentation

[netlify[bot]]

✅ Deploy Preview for slide-deck ready!

Name	Link
🔨 Latest commit	4906660092317573a52e413be10cb79fef5ed595
🔍 Latest deploy log	https://app.netlify.com/sites/slide-deck/deploys/65a57ecab68cfb000873c549
😎 Deploy Preview	https://deploy-preview-21--slide-deck.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mirisuzanne]

@jamesnw what if we use a blank-slide dialog in the shadow-dom with a close button inside it? Then the blank slide would go in the top-layer, and move focus into the dialog, and we could add the special event listener there? Similar to our special control-panel-exiting listener?

[jamesnw]

That sounds like a good solution to me. What styles would the close button have? For this purpose, I'm thinking it could make sense to have the button be the white/black full screen element itself, with no text?

[mirisuzanne]

@jamesnw if that looks good to you technically, I can add documentation for it.

[mirisuzanne]

@jamesnw I made some updates here based on your notes:

• adoptShadowStyles is now private
• I went ahead and applied only the full-screen styles to the slotted blank, I think your first instinct was right there. The shadow styles will still just be defaults, easy enough to override from the light dom
• While I was at it, I simplified and organized the styles some. There was redundant stuff in there. And I figured the little top-right 'x' is enough to avoid any exit confusion, without being distracting.

Maybe @stacyk or @dvdherron wants to review those styles as well?

[mirisuzanne]

@stacyk I applied the border and color scheme to the slotted element. Does that look better?