Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix AppBar with alwaysOn hides sidebar menu on scroll #8856

Merged
merged 3 commits into from
Apr 27, 2023
Merged

Conversation

slax57
Copy link
Contributor

@slax57 slax57 commented Apr 24, 2023

Problem

Setting <AppBar alwaysOn> can hide the top part of the side menu on scroll

Peek.24-04-2023.18-20.webm

Solution

Introduce a new prop appBarAlwaysOn on <Layout>, allowing to share this prop both with <AppBar> and <SideBar>.

AppBar's alwaysOn prop has been removed from the doc and the stories, and the JSDoc indicates it should not be used with the default layout of RA, and <Layout appBarAlwaysOn> should be used instead.

Comment on lines -77 to -82
export const AlwaysOn = () => (
<Wrapper>
<AppBar alwaysOn />
</Wrapper>
);

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't think you should remove this story as this still works, right?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's true but I don't want to encourage people to use it

@djhi djhi added this to the 4.10.0 milestone Apr 27, 2023
@djhi djhi merged commit bb9c53c into next Apr 27, 2023
@djhi djhi deleted the appBarAlwaysOn branch April 27, 2023 07:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
RFR Ready For Review
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants