Opened 2 years ago

Closed 14 months ago

#2010 closed defect (fixed)

CSS menus unusable on some tablets (missing :active)

Reported by: polygon Owned by: slumlord
Priority: minor Milestone: undecided
Component: www/i2p Version: 0.9.30
Keywords: ui Cc: sadie
Parent Tickets: Sensitive: no

Description

The CSS menus at geti2p.net (About, Help, Volunteer) do not drop down on iPad (and likely some other tablets).

The CSS needs show the list of sub-items when the parent is hovered, and :active.

I.e.
#cssmenu .has-sub:hover > ul
must become:
#cssmenu .has-sub:hover > ul, #cssmenu .has-sub:active > ul
etc.

An ontouchstart="" attribute may also need to be added to the body tag (https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari).

Subtickets

Change History (6)

comment:1 Changed 2 years ago by zzz

Owner: set to str4d
Status: newassigned

comment:2 Changed 15 months ago by zzz

Cc: sadie added
Owner: changed from str4d to slumlord

comment:3 Changed 15 months ago by slumlord

I can apply the changes but will require someone to help test, have pinged zab to see if he can help.

comment:4 Changed 15 months ago by slumlord

Tried suggestions offered by polygon, no change is seen to behavior of menu.


Looks like it works here, but this is based upon testing in Chromium and not on an actual touch-enabled device with a viewport similar to a tablet.

Changes in 74a63c2d7c2bb8281e6143e59effc34343a4cb44

Please test.

Last edited 15 months ago by slumlord (previous) (diff)

comment:5 Changed 15 months ago by slumlord

Status: assignedtesting

comment:6 Changed 14 months ago by slumlord

Resolution: fixed
Status: testingclosed

Seeing no responses to indicate that the changes have not worked, or have broken something else, I am closing this ticket.

Note: See TracTickets for help on using tickets.