EuiNavDrawer isLocked prop does not shift main content to the right

[elastic]

EuiNavDrawer isLocked prop does not shift main content to the right

[pugnascotia]

Thanks @cchaos. So technically there's nothing to fix for this issue, however I'll leave it open until I've updated the starter to use EuiCollapsibleNav.

[nandorojo]

Got it, thank you both for the help! I’ll try out EuiCollapsibleNav instead.

Big fan of your work, thanks for an awesome library.

[pugnascotia]

So it turns out EuiCollapsibleNav needs updating to work with SSR first. Hey ho.

[cchaos]

Hi @nandorojo!

The EuiNavDrawer by design does not automatically shift content based on the isLocked status. This must be handled by the consuming application, you can see how this is handled in the docs example by looking at the .euiNavDrawerPage__pageBody selector.

However, we will soon be deprecating EuiNavDrawer for EuiCollapsibleNav which will help with automatically shifting body content based on locked state.

---

Note: This repo is specifically for the Next-JS starter and not where we actually develop EUI. If you need to submit more component-specific issues, I'd recommend doing so in https://github.com/elastic/eui

[nandorojo]

I can close this for now and just lazy-load in EuiCollapsibleNav. Thanks again.