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
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
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
Proposed Solution
darkclassName on thehtmlelement wheneverdarkModestate istrue, (be it onload, or state change)bg-background dark:bg-background-dark