search

keskival / costacoders.es

CostaCoders.es is an open virtual community for English-speaking software engineers in Costa del Sol
https://costacoders.es
MIT License
2 stars 4 forks source link

A new CSS problem with the mobile menu #2

Closed keskival closed 1 year ago

keskival commented 1 year ago

Clicking the menu shows that the menu z-value is incorrect and comes behind the title of the underlying page.

keskival commented 1 year ago

This seems to be a glitch in mobile Chrome with the latest update. Mobile Bing, mobile Firefox and desktop browsers work correctly. Increasing the z-index did nothing.

Weirdly enough flipping dark mode on and off on mobile Chrome fixes the rendering of the menu. Seems like some font renderer issue, not sure if possible to workaround with CSS at all. Could always Javascript the title text invisible when the menu is visible.

keskival commented 1 year ago

The same glitch affects all the other Hugo Meme sites, e.g.: https://blog.chunjiw.net/

Screenshot_20230224_184513_Chrome

keskival commented 1 year ago

https://github.com/reuixiy/hugo-theme-meme/issues/421

keskival commented 1 year ago

Fixed. https://github.com/keskival/costacoders.es/commit/4dfd23e83b5853cc802691cf8e7c79db8b2f54a8