Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Appbar] add position="sticky"

See original GitHub issue

Support for position: sticky; is pretty good at this point; it would be nice to have this as an option for Appbar behavior.

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:5 (4 by maintainers)

Top GitHub Comments

1reaction

oliviertassinaricommented, Jan 29, 2018

Sorry. “I happy with the idea”. No need to worry about the old-browser fallbacks. As far as I know, the CSS specification is taking care of it for you. IE 11 will read position: sticky; as unknown and fallback to position: static;.

0reactions

oliviertassinaricommented, Jan 30, 2018

@petermiles Took care of it. Thanks for proposing your help! Don’t miss the good first issue tag.

Top Results From Across the Web

Make a Material UI Component in React Sticky when scrolling ...

I added a z-index because my table selects and table header data were still visible in <RenderTeamSelections {...this.props] /> in the sticky as ......

[AppBar] position="sticky" not working · Issue #16186 - GitHub

With <AppBar position="sticky"> I would expect the appbar to stay stuck at the top of the screen, even when scrolling ...

MUI appbar sticky - CodeSandbox

kewinMarchandkewinMarchand. TemplateReact; Environmentcreate-react-app. Files. public. src. App.js. index.js. styles.css. package.json. Dependencies.

AppBar API - Material UI - MUI

API reference docs for the React AppBar component. ... See CSS API below for more details. ... Styles applied to the root element...

Positioning - React Layout Library & AppBar Component

sticky —Positions the AppBar based on the user's scroll position. A sticky element toggles between static and fixed CSS position property, depending on...