Toolkit-for-ynab: [BUG] Sidebar issues related to latest YNAB release (large white or black bar and other styling issues)

[kev88au]

Describe the bug
When loading YNAB with the toolkit enabled, the navigation bar will break, causing the labels and accounts to disappear.

To Reproduce
Steps to reproduce the behavior:

1. Log into YNAB.
2. Do nothing.
3. See error

Expected behavior
Typically the navigation bar will show options such as "Budget, Reports, Toolkit Reports", followed by the list of accounts.

Aditional notes
The problem occurred overnight since YNAB's latest update. When resetting toolkit version to defaults, the account screen appears as expected, although I haven't been able to individually identify which setting is causing this to break, as each option under general seems have no affect.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10 1809
• Browser: Chrome, Firefox (Can replicate in both)
• Toolkit Version 2.24.0

Setting Export
Please replace the text below with your exported Toolkit settings. You can export these by going to the Toolkit Options page, click the Import/Export Settings button at the bottom left and copying the text in the modal which appears.

[{"key":"AccountsDisplayDensity","value":"0"},{"key":"AccountsEmphasizedOutflows","value":false},{"key":"AccountsStripedRows","value":true},{"key":"AutoDistributeSplits","value":true},{"key":"AutoEnableRunningBalance","value":false},{"key":"AutomaticallyMarkAsCleared","value":false},{"key":"BetterScrollbars","value":"1"},{"key":"BottomNotificationBar","value":false},{"key":"BudgetCategoryFeatures","value":true},{"key":"BudgetProgressBars","value":"0"},{"key":"BudgetQuickSwitch","value":true},{"key":"BudgetSpendingGoal","value":true},{"key":"BulkManagePayees","value":false},{"key":"CalendarFirstDay","value":"1"},{"key":"CategoryActivityCopy","value":true},{"key":"CategoryActivityPopupWidth","value":"0"},{"key":"CategorySoloMode","value":"cat-toggle-all"},{"key":"ChangeEnterBehavior","value":true},{"key":"ChangeMemoEnterBehavior","value":false},{"key":"CheckCreditBalances","value":true},{"key":"CheckNumbers","value":false},{"key":"ClearSelection","value":true},{"key":"CollapseSideMenu","value":true},{"key":"ColourBlindMode","value":false},{"key":"CompactIncomeVsExpense","value":true},{"key":"ConfirmKeyboardCancelationOfTransactionChanges","value":false},{"key":"CreditCardEmoji","value":true},{"key":"CtrlEnterCleared","value":false},{"key":"CurrentMonthIndicator","value":true},{"key":"CustomFlagNames","value":false},{"key":"DateOfMoney","value":true},{"key":"DaysOfBuffering","value":true},{"key":"DaysOfBufferingDate","value":false},{"key":"DaysOfBufferingHistoryLookup","value":"0"},{"key":"DeselectTransactionsOnSave","value":false},{"key":"DisableToolkit","value":true},{"key":"DisplayTargetGoalAmount","value":"3"},{"key":"DisplayTotalMonthlyGoals","value":true},{"key":"DisplayUpcomingAmount","value":true},{"key":"EasyTransactionApproval","value":true},{"key":"EditAccountButton","value":"2"},{"key":"EnlargeCategoriesDropdown","value":true},{"key":"EnterToMove","value":true},{"key":"FilterCategories","value":true},{"key":"GoalIndicator","value":true},{"key":"GoalWarningColor","value":true},{"key":"GoogleFontsSelector","value":"0"},{"key":"HideAccountBalancesType","value":"0"},{"key":"HideAgeOfMoney","value":false},{"key":"HideClosedAccounts","value":true},{"key":"HideHelp","value":true},{"key":"HideReferralBanner","value":true},{"key":"HideTotalAvailable","value":true},{"key":"HighlightNegatives","value":false},{"key":"ImportNotification","value":"0"},{"key":"IncomeFromLastMonth","value":"0"},{"key":"IncomeVsExpenseHoverHighlight","value":false},{"key":"LargerClickableIcons","value":true},{"key":"LinkToInflows","value":true},{"key":"MonthlyNotesPopupWidth","value":"0"},{"key":"NavDisplayDensity","value":"0"},{"key":"NotesAsMarkdown","value":false},{"key":"POSStyleCurrencyEntryMode","value":false},{"key":"Pacing","value":"3"},{"key":"PrintingImprovements","value":true},{"key":"PrivacyMode","value":"2"},{"key":"QuickBudgetWarning","value":true},{"key":"ReconciledTextColor","value":"3"},{"key":"RemovePositiveHighlight","value":false},{"key":"RemoveZeroCategories","value":true},{"key":"ResizeInspector","value":true},{"key":"ResizeSidebar","value":true},{"key":"RightClickToEdit","value":true},{"key":"RowHeight","value":"0"},{"key":"RowsHeight","value":"2"},{"key":"RunningBalance","value":"0"},{"key":"SeamlessBudgetHeader","value":true},{"key":"SetMultipleFlags","value":true},{"key":"ShowCategoryBalance","value":true},{"key":"SpareChange","value":false},{"key":"SplitTransactionAutoAdjust","value":true},{"key":"SquareNegativeMode","value":false},{"key":"StealingFromFuture","value":false},{"key":"StripedBudgetRows","value":false},{"key":"SwapClearedFlagged","value":false},{"key":"TargetBalanceWarning","value":false},{"key":"ToBeBudgetedWarning","value":false},{"key":"ToggleMasterCategories","value":true},{"key":"ToggleSplits","value":true},{"key":"ToggleTransactionFilters","value":"1"},{"key":"ToolkitReports","value":true},{"key":"TransactionGridFeatures","value":true},{"key":"ViewZeroAsEmpty","value":true},{"key":"l10n","value":"0"},{"key":"options.dark-mode","value":true}]

[kev88au]

Update:

I tried disabling "Allow Resizing of Side Menu", and reloading YNAB, which changed the sidebar to look collapsed.

After clicking the expand arrow, everything appears normal again. Perhaps if I had clicked the arrow in my initial bug report, this might have resolved itself, but because of the no labels and largely empty space, it appeared broken.

I was going to delete my post now that it's working but decided to leave it, in case someone else notices the same thing. But I think that with this workaround, this request can be closed, or reviewed as a low priority change request.

a) Allow Resizing of Side Menu keeps the navigation menu as fixed width.
b) If the collapse button was able to toggle between a thin collapsed version, and the custom width, that would avoid confusion.

[jnteeter]

I tried the solution of kev88au, disabling "Allow Resizing of Side Menu", but that did not work. So I then disabled the additional "Collapsable Side Menu" and that one did restore the YNAB screen to normal. I suppose we have to wait for the release of the next version 2.24.1 of the Toolkit. It was briefly announced but then it appears that was withdrawn. Hope it is released soon.

[joshmadewell]

All issues with the sidebar have been fixed in a release that is currently under review by the Chrome Extension team. Once approved, it should start to roll out to all users.

Until then, you can just disable Allow Resizing of Side Menu and Collapsible Side Menu to get around this issue.

[dbaldon]

For now, you still have to disable the Collapsible Side Menu and Allow Resizable Side Menu features.

[jacobhaynes]

Is this related?
https://github.com/toolkit-for-ynab/toolkit-for-ynab/issues/1966

[joshmadewell]

Hey @kev88au in our current release, we removed the Resizable Sidebar, Collapsible Sidebar, and Resizable Inspector. As a result, this feature has been "fixed".

YNAB will be releasing better versions of all of these features _soon_ so rather than continue supporting these features while they make changes to the underlying code (which breaks toolkit), we figured this was a cleaner path forward. Sorry for any inconvenience.

Please note, all browser can take up to an hour to provide updates to all users. You can force an update if it's available for you by going to chrome://extensions and clicking the "Update" button. Firefox users can go to about:addons, click the setting cog, and click "Check for updates...".

[kev88au]

That's perfect, thanks @joshmadewell (and team) for the feedback, transparency and above all the amazing work that you do

This decision makes sense, and now that YNAB is working again (without those options enabled), i'm happy.