search

dnum-mi / vue-dsfr

Portage en Vue du DSFR
https://vue-ds.fr
Other
61 stars 28 forks source link

DsfrTabs - Les animations d'entrée et sortie ne sont pas les mêmes #729

Closed nicolaskempf57 closed 8 months ago

nicolaskempf57 commented 9 months ago

Les DsfrTabContent ont une animation différente entre enter et leave.

Ce code semble provenir de l'exemple de la documentation vue.

Dans le cas des onglets, cela pose problème parce que la transition leave est plus lente que la transition enter. Cela engendre une superposition en fonction de certains contenus.

On s'en rend compte en modifiant le code HTML sur storybook pour avoir un onglet avec une search-bar large et un autre onglet avec une card.

laruiss commented 9 months ago

Bonjour, d’accord, nous allons voir cela dès que possible.

laruiss commented 8 months ago

Vous voulez bien faire un mini projet qui reproduit le problème ?

nicolaskempf57 commented 8 months ago

Voici une démonstration du problème : https://github.com/nicolaskempf57/vue-dsfr-animation-error

Et une vidéo : Lors du retour du second onglet 2 vers le premier, l'accordéon est en place avant que l'image de la carte soit décalée. Cela crée une superposition visuelle.

https://github.com/dnum-mi/vue-dsfr/assets/8336712/1685a55a-db33-4a93-919f-bac9fb2c6866

laruiss commented 8 months ago

Corrigé dans v5.10.1