Nav Drawer flyoutMenu broken on production build (documentation's example/CRA)

[kkensy]

Hi. The flyoutMenu of the Nav Drawer does not work anymore in the documentation's example (v13.0.0). Nothing happens when I click or hover over the menu items.

I'm using EUI with a Create React App standalone project. After integrating the Nav Drawer in my project, I have noticed that the flyoutMenu do not work in the production build (yarn build). However it does work in the dev environment (yarn start). I have already observed this behavior in the previous versions of EUI (<13.0.0). You can find here an prepared example, based on the Demo JS code from the documentation.

What should I do in this case? I hope it does not require to eject my CRA project.

[thompsongl]

@chandlerprall I narrowed down the problem in our documentation to #2053, so it goes back to the 12.0.0 timeframe

[thompsongl]

Likely the logic here: https://github.com/elastic/eui/blob/master/src/components/nav_drawer/nav_drawer.js#L219

if (child.type.name === 'EuiNavDrawerGroup')

Minification almost certainly mangles the component name

[chandlerprall]

Thanks @kkensy for catching and reporting! The fix for this has been released in @elastic/eui@13.1.0