Hover property doesn't work on mobile device in chrome browser

[RFelixD]

So i was trying to make button with hover property
In desktop, the hover work normally as i wish
but in mobile or more specifically in chrome browser, the hover won't work
In mobile device, hover only not working on chrome browser but working normally when using other browser

the below one is a part of my codes

<li class="py-2 px-2 mx-2 rounded-lg border w-fit h-fit flex justify-center border-sky-500 hover:border-sky-800 hover:bg-slate-800 hover:text-gray-500 transition-all duration-150">
                    <i class="fa-solid fa-house"></i>
                </li>

[adamwathan]

Hey! In Tailwind CSS v4 hover styles only apply on devices that actually support hover to avoid sticky hover states:

https://tailwindcss.com/docs/upgrade-guide#hover-styles-on-mobile

[RFelixD]

Thank you sir, it's work correctly
maybe i should learn more about the update in documentation, not only the core concept hehe