Ivо
KPCKevin Powell - Community
•Created by Ivо on 11/24/2024 in #front-end
Is @media hover broken when using Windows Tablet mode?
Forgot to test on a phone with a connected mouse. The results are like the one on "phone with stylus support"
3 replies
KPCKevin Powell - Community
•Created by Ivо on 11/24/2024 in #front-end
Is @media hover broken when using Windows Tablet mode?
Things to note:
- for the tests I used 3 laptops (all 2 in 1 with 360 rotation), a desktop PC, a Pixel 6 Pro and an S23 Ultra. Latest versions on everything - Windows, Ubuntu, Android, Chrome, Firefox
- I do not have a tablet to do the test on, but I guess the results would be like on one of the phones (maybe it depends if it has stylus support)
- I did not really care enough to test hovers on Smart TVs
- having a mouse connected to a laptop in Tablet mode does not change any of the values
- when you rotate a 2 in 1 laptop so that the keyboard is on the back (like this https://prnt.sc/2xhJKpTFk9sa), usually the OS enters tablet mode automatically. Windows used to have a way to disable it (I think in Windows 10), but I did not find such an option on the latest version. For Ubuntu I haven't really gone deep into this, but with the default options it does not change anything for the test when you enter tablet mode, apart from disabling the keyboard and touchpad
- in the beginning I mentioned that the reason for this test was that a user noticed hovers stopped working for them. I am unsure if an update happened or they started using their laptop in Tablet Mode on Windows, or anything else. The info I got is that they use a HP Envy laptop.
3 replies
KPCKevin Powell - Community
•Created by Corizon on 3/15/2023 in #front-end
How do I create a responsive text?
If your container has a width of 300px the font size should be 300px when setting it as 100cqw. Make sure you set the font size property on a child of the element you set
container-type to.28 replies
KPCKevin Powell - Community
•Created by thereturning on 8/14/2024 in #front-end
how to style scrollbar with tailwind
You can check this plugin out for more customizability: https://adoxography.github.io/tailwind-scrollbar/examples
7 replies
KPCKevin Powell - Community
•Created by Corizon on 3/15/2023 in #front-end
How do I create a responsive text?
Yes, you can.
28 replies