Problème Menu Déroulant SAFARI

Bonjour à tous,

Je boss sur un projet avec bootstrap et j'ai un problème d'interprétation de mon menu sous safari.
Le sous menu se déroule sur toute la largeur de l'écran sous firefox et chrome mais pas sur safari.

Une petite idée ?

Voici un exemple :
http://www.bootply.com/a6KAAMQWvT


merci d'avance,
Blackskull

Salut !

Alors lui il était dense a trouver !!
C'est le trick d’accélération matériel qui te met dedans sous Safari !

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
/*
  [#red]-webkit-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);[/#]
*/
}

Va savoir pourquoi... en tout cas le débogueur le vois à la bonne place mais l'affichage se foire... vraiment étrange...

[EDIT] J'ai rippé sur une touche, ça a posté et la tentative d’édit a double posté désolé
Modifié par _laurent (05 Aug 2014 - 14:44)

Merci pour la réponse mais si je retire ces lignes, le menu ne se déroule plus du tout.
Je ne comprends pas trop ou ça pêche...

Juste le transform ?

chez moi ça marche très bien : http://www.bootply.com/3MrFPVmup0

j'ai juste ajouté

.navbar-fixed-top, .navbar-fixed-bottom {
  -webkit-transform: none !important;
  -o-transform:  none !important;
  transform:  none !important;
}

à la fin de ton css pour le test et ca passe sous Safari chez moi..

Ah effectivement, c'est parce que je viens de passer le menu en fixed-bottom et la ça ne fonctionne pas sous safari

Est-il possible d'ajouter un lien sur le "dropdown" en plus de l'option de déroulé du sous menu?