octokatherine/word-master

Vertical overflow reveals incorrect background color

scottalguire opened this issue · 0 comments

scottalguire commented

Description

On devices (like my Galaxy S7) with insufficient vertical height to display the full UI the background does not extend behind the keyboard when you scroll down because the body element is the default white.

Example

Screen Shot 2022-02-08 at 3 40 51 AM

Proposed Solution

  • Toggle application of the dark className on the html element whenever darkMode state is true, (be it onload, or state change)
  • Apply the conditional tailwind classes to the body element bg-background dark:bg-background-dark