search

openmindculture / ingo-steinke.de

www.ingo-steinke.com is a portfolio website about web developer Ingo Steinke. The site is built using HTML, CSS, JavaScript, and 11ty (eleventy). English version: www.ingo-steinke.com
https://www.ingo-steinke.de/
2 stars 0 forks source link

link hover style issue in Safari #270

Closed openmindculture closed 1 week ago

openmindculture commented 2 weeks ago

Link hover triggers background color animation as expected, but background color is missing after animation has finished, while the changed foreground color still applies, resulting in an undesired low-contrast color combination.

Screenshot: page preview in Safari 18 on MacOS Sequoia

Reproduce: open page in Safari 18 on MacOS Sequoia

Expected: yellow background color stays after animation has finished, until link element is unfocused.

openmindculture commented 2 weeks ago

No new project regression. Production code (www.ingo-steinke.com) shows the same error in Safari 13-18 on MacOS desktop. Firefox seems ok (130, 131 beta, 122), and so does Chrome (128 stable, 130 dev, 116).

openmindculture commented 1 week ago

Other links with the same effect work as expected. The issue is specific to the top navigation.

openmindculture commented 1 week ago

fixed