[Opgelost][CSS] Submenu verdwijnt bij focus

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

G P

G P

18/10/2016 13:25:05
Quote Anchor link
Het gaat om de code op deze pagina

Bij hover doe ie het correct maar bij focus (gebruik van tab-toets) gaat het mis zodra je naar een link gaat van het submenu.

Code is zichtbaar door broncode op te vragen (rechtermuis > toon broncode)

Iemand een idee hierover ?
Gewijzigd op 19/10/2016 19:18:10 door G P
 
PHP hulp

PHP hulp

18/12/2024 18:59:59
 
Wesley -

Wesley -

18/10/2016 14:09:55
Quote Anchor link
Maak je gebruik van een tab-index?
Gewijzigd op 18/10/2016 14:14:47 door Wesley -
 
G P

G P

18/10/2016 14:17:17
Quote Anchor link
tabindex maakt geen verschil uit, het probleem blijft bestaan
 
- Ariën  -
Beheerder

- Ariën -

18/10/2016 14:37:14
Quote Anchor link
Een browser lijkt te kijken naar actieve en zichtbare elementen. Als ik bij andere sites kijkt klapt het menu ook niet standaard open met een tab. De enige oplossing is een actie te verbinden aan de tab-toets, en dan het menu in- of uit laten klappen.
 
Ozzie PHP

Ozzie PHP

18/10/2016 15:08:36
Quote Anchor link
>> gaat het mis zodra je naar een link gaat van het submenu.

Wat gaat er precies mis? Bij mij klapt het menu gewoon uit als ik de tabtoets gebruik. Of was dat niet het probleem?
 
Wesley -

Wesley -

18/10/2016 15:25:40
Quote Anchor link
Ozzie PHP op 18/10/2016 15:08:36:
>> gaat het mis zodra je naar een link gaat van het submenu.

Wat gaat er precies mis? Bij mij klapt het menu gewoon uit als ik de tabtoets gebruik. Of was dat niet het probleem?


Het gaat hem er meer om dat hij niet bij de sub menu's kan komen van de dropdown, hij opent wel, maar navigeert verder zonder naar de rest te gaan.
 
G P

G P

18/10/2016 16:12:56
Quote Anchor link
Het uitklappen is geen probleem maar gaat niet verder naar de submenu's
 
Ozzie PHP

Ozzie PHP

18/10/2016 16:30:41
Quote Anchor link
Geen idee of dit werkt, maar gebruik bij dat submenu in plaats van

display: block;
display: none;

eens

visibility: hidden;
visibility: visible;
 
G P

G P

18/10/2016 22:48:40
Quote Anchor link
Had ik al eerder geprobeerd, geeft hetzelfde resultaat

Toevoeging op 19/10/2016 19:17:11:

[OPGELOST]

Google heeft mij naar een oplossing gebracht...

Ik heb JavaScript toegevoegd en "display: block/hidden;" vervangen door "clip"
 
Ozzie PHP

Ozzie PHP

19/10/2016 22:27:52
Quote Anchor link
Netjes!
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.