Navbar color flickering
See original GitHub issueDescription
When setting a non default color in mkdocs.yml
every page load will animate from the default color to the one set in the config file. This presumably happens since the default color is applied first, then the new style is applied, which triggers the color change. This is mostly obvious when changing pages or simply ctrl+r the page again and again. The ugly result is an appeared flickering, depending on how fast the browser renders.
Package versions
- Python: 3.6.2
- MkDocs: 0.16.3
- Material: master (but there since some time)
Project configuration
extra:
palette:
primary: 'blue grey'
System information
- OS: Linux
- Browser: Chrome and Firefox Nightly (it is less obvious in older FF versions)
Thanks for all the great work happening in this project, I really enjoy using it!
Issue Analytics
- State:
- Created 6 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
Bootstrap 4 hover on navbar links causes flickering
The flickering is caused because when you hover, you are removing the padding, which pulls the element out from under the cursor.
Read more >Need help with rogue nav bar flashing when refreshing on ...
The nav bar which flashes is not the one which is being used although they may be overlapping each other and may not...
Read more >nav bar menu items flash when clicking between pages
Topic: nav bar menu items flash when clicking between pages ... After I push non-meaningful updates like just changing some wording in a...
Read more >Navigation bar color keeps changing from black to white and ...
The navigation bar color is inconsistent. Changes from dark to white depending on app and sometimes even in an app (for instance in...
Read more >iOS 15 B2 UINavigationBar Appearan… - Apple Developer
iOS 15 B2 UINavigationBar Appearance color change delayed/Pop in when pushing ... and working ! in iOS 15 b2 it seems when changing...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I can’t reproduce it as well, maybe it is partlially related to #558
Yeah, it may actually be related to putting Modernizr after the CSS as done in #558. I’m closing this issue, please feel free to re-open it if it happens again.