Bug: Keyboard renders squashed

[matias-pizarro-1005]

Describe the bug
I messed around with the options to customize the keyboard and it started rendering awkwardly. After resetting the shared preferences file it went back to normal.

To Reproduce
Steps to reproduce the behavior:

1. Use the following config:

{"flutter.keyboard_state":"{\"layoutName\":\"Colemak-DH\",\"initialLayoutName\":null,\"keymapStyle\":\"Staggered\",\"showTopRow\":false,\"showGraveKey\":false,\"keySize\":60.0,\"keyBorderRadius\":14.0,\"keyBorderThickness\":0.0,\"keyPadding\":3.5,\"spaceWidth\":458.0,\"splitWidth\":200.0,\"lastRowSplitWidth\":90.0,\"keyShadowBlurRadius\":0.0,\"keyShadowOffsetX\":2.0,\"keyShadowOffsetY\":2.0,\"fontFamily\":\"DM Mono\",\"initialFontFamily\":null,\"fontWeightIndex\":4,\"keyFontSize\":22.0,\"spaceFontSize\":21.0,\"markerOffset\":10.0,\"markerWidth\":10.0,\"markerHeight\":2.5,\"markerBorderRadius\":3.0,\"keyColorPressed\":4289232891,\"keyColorNotPressed\":4279244061,\"markerColor\":4279244061,\"markerColorNotPressed\":4294638590,\"keyTextColor\":4279244061,\"keyTextColorNotPressed\":4294638590,\"keyBorderColorPressed\":4278190080,\"keyBorderColorNotPressed\":4294967295,\"animationEnabled\":true,\"animationStyle\":\"Raise\",\"animationDuration\":80.0,\"animationScale\":2.0,\"learningModeEnabled\":false,\"pinkyLeftColor\":4293735237,\"ringLeftColor\":4294616861,\"middleLeftColor\":4285579899,\"indexLeftColor\":4278235115,\"indexRightColor\":4284057023,\"middleRightColor\":4288141045,\"ringRightColor\":4294961312,\"pinkyRightColor\":4290633919,\"customShiftMappings\":{},\"kanataEnabled\":false,\"showAltLayout\":false,\"customAliases\":null}","flutter.preferences_state":"{\"launchAtStartup\":false,\"hideAtStartup\":false,\"autoHideEnabled\":false,\"reactiveShiftEnabled\":true,\"autoHideDuration\":3.0,\"opacity\":0.95,\"initialKeyboardLayoutName\":null,\"defaultUserLayoutName\":null,\"altLayoutName\":null,\"useUserLayout\":false,\"showAltLayout\":false,\"use6ColLayout\":false,\"customFontEnabled\":false,\"customFont\":null,\"advancedSettingsEnabled\":false,\"kanataEnabled\":false,\"kanataHost\":null,\"kanataPort\":null,\"keyboardFollowsMouse\":false,\"hideOnDefaultLayer\":false}","flutter.app_state":"{\"hotKeysEnabled\":false,\"visibilityHotKey\":{\"identifier\":\"106e450a-c561-4ffd-8538-db91926395f2\",\"key\":{\"usageCode\":458772},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"autoHideHotKey\":{\"identifier\":\"1cc90fb6-506a-43cc-9097-0311ccb76830\",\"key\":{\"usageCode\":458778},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"toggleMoveHotKey\":{\"identifier\":\"4ad78353-0277-473e-a4a8-58135380d2ef\",\"key\":{\"usageCode\":458760},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"preferencesHotKey\":{\"identifier\":\"5f99ced2-0eb5-45f5-a329-c8511cdfc9ae\",\"key\":{\"usageCode\":458773},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"increaseOpacityHotKey\":{\"identifier\":\"33304d31-d8e3-4f99-b5e0-91b8b4350dc3\",\"key\":{\"usageCode\":458834},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"decreaseOpacityHotKey\":{\"identifier\":\"b37775eb-b36c-4f5c-9878-e8422b7bb8ee\",\"key\":{\"usageCode\":458833},\"modifiers\":[\"alt\",\"control\"],\"scope\":\"system\"},\"enableVisibilityHotKey\":true,\"enableAutoHideHotKey\":true,\"enableToggleMoveHotKey\":true,\"enablePreferencesHotKey\":true,\"enableIncreaseOpacityHotKey\":true,\"enableDecreaseOpacityHotKey\":true}"}

Expected behavior
Keyboard customizes correctly (it kind of does).

Screenshots

Desktop (please complete the following information):

• Version 0.3.3
• Windows 11

Additional context
I suspect that the culprit is the spacebar length.

[conventoangelo]

Hi @matias-pizarro-1005! Thanks for reporting this issue. I can confirm that this happens to me randomly as well. This might be a problem when the app computes the window size while it's hidden. It shouldn't happen since I'm using waitUntilReadyToShow.

I've found that quickly toggling the "Show top row" option on and off in the Keyboard panel triggers a complete keyboard re-render while the keyboard is visible, which effectively fixes this error.

I'll keep this issue open to address it more thoroughly later.

[matias-pizarro-1005]

I think that turning off "Open on system startup" also fixes it. Haven't tested much though.
And thank you for the program, I'm really glad to be able to keep using it, it's very helpful :)

[conventoangelo]

As I keep encountering this as well, I've added a top row toggle hotkey that supposedly re-renders the keyboard properly, to temporarily act as a hotfix. This will be added to the next release. You can test it out here.

Would keep this issue open in case there is a better solution.

[blacklightpy]

Same problem when starting Overkeys for the first time. It got fixed after a while of changing positions, etc.