Nested Navigation Groups/Items Cause Discolored (unusable) Menu

[rbleattler]

Describe the Issue

When creating a navigation menu, if a parent contains children, which contain children, upon expanding the top level parent, the next level children will be mis-colored. In most themes this will cause the menu to be un-readable/un-usable

To Reproduce

Steps to reproduce the behavior: (Example)

1. Create Dashboard with nested expandable navigation items in the navigation bar
2. Click on the Hamburger
3. Click on a parent navigation item
4. Children are (using DarkDefault or Default Themes, others unverified) White with White text. (Children of Children, however, match existing theme).

Expected behavior

The children should match the style of the rest of the navigation menu.

Screenshots

Script Sample

Apologies if this is over the top, or not helpful:

$Collection = @(
  @{
    Name = 'Item1'
    Properties = @{
      Property1 = 'Property1 Value1'
      Property2 = 'Property2 Value'
    }
  }
  @{
    Name = 'Item2'
    Properties = @{
      Property1 = 'Property1 Value2'
      Property2 = 'Property2 Value'
    }
  }
  @{
    Name = 'Item3'
    Properties = @{
      Property1 = 'Property1 Value3'
      Property2 = 'Property2 Value'
    }
  }
  @{
    Name = 'Item4'
    Properties = @{
      Property1 = 'Property1 Value4'
      Property2 = 'Property2 Value'
    }
  }
)

$Items = $Collection.Name

$SideNav = New-UDSideNav -Width 400 -Content {
  New-UDSideNavItem -Text 'Items' -Icon folder_plus -Children {
    $Collection | ForEach-Object {
      New-UDSideNavItem -Text $_.Name -Icon folder -Children {
        $Item = $_
        $Collection.Where{ $Item.Name -eq $_.Name }.Properties.keys.ForEach{
          New-UDSideNavItem -PageName $_ -Icon file_code
        }
      }
    }
}

$TestDashboard = New-UDDashboard -Title Test -Content {} -Navigation $SideNav

Stop-UDDashboard -Port 10003
Start-UDDashboard -Dashboard $TestDashboard -Port 10003

Workaround

I was able to get this to work by editing the active CSS in the theme before starting the dashboard as shown below. Doing This is obviously not a fix, and I believe I may have a solution, but I need to verify before I present it.

$Theme = Get-UDTheme | Where-Object { $_.Name -eq 'DarkDefault' }
$Theme.Definition += @{
  ".sidenav .collapsible-body" = @{'background-color' = $Theme.Definition[".sidenav"].'background-color'}
}
...
Start-UDDashboard ...

Version Information

• Operating System: Windows 10, Windows Server 2012, Windows Server 2012 R2
• PowerShell Version: 5.1, 7.0Rc1
• Universal Dashboard Version: Latest
• UD Hosting Method: Running in PowerShell (Powershell, IIS, App Service, Etc.)

Additional context

Add any other context about the problem here.