Clarity: [WEB] Datagrid initial width not evaluated

[Jinnie]

Describe the bug

Going to the datagrid page, the grid is not fully initialized.

I am still not sure if this is website problem, or datagrid problem, after the initialization is now semi-manual via the resize() method.

How to reproduce

Steps to reproduce the behavior:

1. Go to https://vmware.github.io/clarity/documentation/v1.0
2. Click on the "Datagrid" nav option
3. Verify that the datagrid is as displayed in the screenshot from the description. NOTE: if you go directly to the page, or change through the local datagrid links, the datagrid is fine. You need to navigate to the "Datagrid" from another page.

Expected behavior

Columns should be sized accordingly to the datagrid width

Versions

App

• Angular: 7
• Node: 10.1
• Clarity: 1.0

Device:

• Type: Mac
• OS: OSX
• Browser chrome
• Version 70.0.3538.102

[dpcamp]

I'm experiencing the same issue within my app after upgrading to 1.0. If i load the site in a broswer window at a smaller size, then resize the window it will do the exact same thing. After refreshing the browser the datagrid will then resize correctly.

[github-actions[bot]]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.