Beste mensen,
Hopelijk kan iemand me helpen. Ik heb een dropdownmenu gemaakt met alleen CSS zodat dit ook op een telefoon goed zou moeten werken. Na veel puzzelen dacht ik dat ik het werkend had en met :hover werkt het prima op de desktop, maar met de touchscreen doet het iets verkeerds.
De code heb ik op JSFiddle gezet: link naar JSFiddle
https://jsfiddle.net/jopla/hvLr2ey3/7/
Wat gebeurd er en waar gaat het fout:
Bij hover met een muis gaat het allemaal goed, maar met aanklikken gaat het fout.
Reproduceer met touch:
tik op de hamburger
tik op [HOME]
tik op [DROP2]
Bij de laatste keuze wordt link 2.3 (die op de plaats van [DROP2] komt) geopend in plaats van dat alleen met het hover effect de onderdelen van dat dropdownmenu (link 2.1 t/m link 2.3) zichtbaar worden gemaakt. Als ik met een muis hover is er geen enkel probleem.
Hoe kan dit? En hoe los ik dit op?
Dank voor een reactie.
1.457 views
