[mdc-top-app-bar] Menu and action items overlaps in collapsed short variant. (Doc issue)

material-components / material-components-web

Modular and customizable Material Design UI components for the web

https://material.io/develop/web

MIT License

17.15k stars 2.15k forks source link

[mdc-top-app-bar] Menu and action items overlaps in collapsed short variant. (Doc issue) #7466

Open pogorv12 opened 2 years ago

pogorv12 commented 2 years ago

Hello!

It is missed in the mdc-top-app-bar doc, that .mdc-top-app-bar--short-has-action-item class should be added to the root element to have the correct collapse transformation without action and menu button overlapping.

Adding this information in doc could save some debugging time for others.

Thanks.

joyzhong commented 2 years ago

Do you have a Glitch/Codepen demo to verify? Thanks!

pogorv12 commented 2 years ago

Don't have any, but you can check it on mdc demo example https://material-components.github.io/material-components-web-catalog/#/component/top-app-bar/short-collapsed

joyzhong commented 2 years ago

Feel free to send a PR to add to https://github.com/material-components/material-components-web/blob/master/packages/mdc-top-app-bar/README.md#css-classes. Thanks!