:focus doesn't work on iOS Chrome.

[oskars]

Hi guys! First post here :D

I’m pulling my hair on this one. I am trying to make the li’s tappable in iOS and they work fine in Safari and Firefox but Chrome gives me a headache.

As I’ve understood, Chrome needs a tabindex attribute to work with :focus which I have added, but I still can’t get it to work.

I would appreciate if you could take a look at it :)

https://codepen.io/oskarscholander/pen/kkNLrN

/ Oskar

[Beverleyh]

I’m not entirely sure what the problem is. I’ve tested in iOS here – Chrome, Safari and Mercury – and the item boxes can all be tapped to reveal the hidden dropdown description areas.

BTW – li elements shouldn’t contain href attributes.

[oskars]

Hm… I’m running an old version of Chrome. Not sure which right now. Going to update and test again. Thanks!

About the href in the li’s… I know… I just tested a hack I read about. Forgot to remove them. :D

[oskars]

Edit: Unwanted double post.

[Author]

Posts