New-UDTable not showing

Product: PowerShell Universal
Version: 2.12.0

Tables don’t show in the latest LTS release. Below is the standard demo page.

This is a fresh .zip download - No config changes made.

New-UDDashboard -Title 'PowerShell Universal' -Content {
    New-UDRow -Columns {
        New-UDColumn -LargeSize 6 -Content {
            New-UDCard -Content {
                New-UDForm -Content {
                    New-UDTypography -Text "This is a demo form. Try it out!" -Paragraph
                    New-UDTextbox -Id 'FirstName' -Label 'First Name'
                    New-UDTextbox -Id 'LastName' -Label 'Last Name'
                    New-UDSelect -Id 'Department' -Label 'Department' -Option {
                        New-UDSelectOption -Name 'Executive' -Value 'Executive'
                        New-UDSelectOption -Name 'Development' -Value 'Development'
                        New-UDSelectOption -Name 'Sales' -Value 'Sales'
                    }
                } -OnSubmit {
                    Show-UDToast -Message "Creating user $($EventData.FirstName) $($EventData.LastName)" -Duration 3000
                    $Session:User = $EventData
                    Sync-UDElement -Id 'user'
                }
            }
        
        }
        New-UDColumn -LargeSize 6 -Content {
            New-UDDynamic -Id 'user' -Content {
                if ($Session:User) {
                    New-UDCard -Title 'New User' -Content {
                        New-UDTypography -Text "First Name: $($Session:User.FirstName)" -Variant h5
                        New-UDTypography -Text "Last Name: $($Session:User.LastName)" -Variant h5
                        New-UDTypography -Text "Department: $($Session:User.Department)" -Variant h5
                    }

                    $Session:User = $null
                }
            }
        }
    }

    New-UDDynamic -Id 'table' -Content {
        New-UDButton -Text 'Refresh' -OnClick {
            Sync-UDElement -Id 'table'
        } -Icon (New-UDIcon -Icon 'Sync')
        New-UDTable -Data (Get-Process | select Name, Id) -ShowPagination -PageSize 10 -ShowExport -ShowSort -ShowSearch
    } -LoadingComponent {
        1..5 | % { New-UDSkeleton -Animation 'wave' }
    }
} -HeaderContent {
    New-UDButton -Text 'Forums' -Icon (New-UDIcon -Icon Users) -OnClick {
        Invoke-UDRedirect https://forums.ironmansoftware.com
    }
    New-UDButton -Text 'Learn More' -Icon (New-UDIcon -Icon Book) -OnClick {
        Invoke-UDRedirect https://docs.ironmansoftware.com
    }
}

Should be a table at the bottom.

Looking in the chrome dev tools the table is there, but with a height of 0%

If I remove the max-height property from the element.

image

The table appears.

Is this a bug or am I missing something?

I think it might be a bug, I just updated my dev environment to this version and see the same behaviour.

We have a build in the pipeline for a fix for this. Sorry that this snuck through.

2 Likes