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.

Layout header does not re-render

See original GitHub issue

I’ve got a similar issue as I had with #89 but in the latest version.

I’ve got a full page login component. After you login I use router.navigate(['/']); to navigate to a component for logged in users (contains the layout). This does not trigger the media query listeners from the looks of it.

The layout header has margin-left: 240px; and does not update even if I resize the page.

Issue Analytics

State:
Created 7 years ago
Comments:9 (2 by maintainers)

Top GitHub Comments

2reactions

mseemanncommented, Jan 19, 2017

@grizzm0 thx for finding this, @nikoTM thx for your help analysing this issue. the problem was that the MdlScreenSizeService did not provide the current screen size after a subscription. now it does - i hope:) will be available in a few minutes as 2.12.1.

0reactions

nikoTMcommented, Jan 19, 2017

@mseemann seems like is-small-screen is not being added for some reason.

Top Results From Across the Web

Why is my header component rerendering when no new props ...

The reason why your Header component is being rendered again after running the changeTab function is because you're calling the setState ...

SectionList - React Native

A marker property for telling the list to re-render (since it implements PureComponent ). If any of your renderItem , Header, Footer, etc....

Usage | FlashList

Switch from FlatList to FlashList and render the list once. You should see a warning about missing estimatedItemSize and a suggestion. Set this ......

5 Ways to Avoid React Component Re-Renderings

So, it will not re-render the component if the user clicks the same item again ... Building a design system with components to...

Strict Mode - React

Like Fragment , StrictMode does not render any visible UI. ... strict mode checks will not be run against the Header and Footer...