Bonjour,

je suis entrain de faire un éditeur de deck en ligne pour le jeu Force of Will. Problème j'essaye de créer un bouton avec un position fixe en bas à droite de la page de la page. Jusque là tout va bien mais dés que j'ajoute la propriété hover au bouton et que je passe la souris dessus il me rajoute une  barre de scroll horizontale bugguée (quand je scrolle elle se dédouble et laisse des traces blanche des fois là ou elle passe).

Le problème ne disprait que quand button/hover n'a plus AUCUNE propriété.

[Edit] Je n'avais pas mis la bonne partie du code

button{
	box-sizing: border-box;
	background: white;
	border:1px solid var(--main-col);
	color:var(--main-col);
	border-radius: 5px;
	font-weight: 300;
	font-size: 30px;
	line-height: 3em;
	padding-left: 3em;
	padding-right: 3em;
	transition: 0.3s ease-in;

}

button:hover{
	color:white;
	background: var(--main-col);
	box-shadow: 0 0 15px var(--main-col);

}

#next{
	position: fixed;
	top: 80vh;
	left: 70vw;
}

-
Edité par MrThuthur 27 mars 2020 à 15:52:31

Bonjour,

tu as une version en ligne testable pour comprendre le problème?

nope j'essaye pas mal de nouveaux trucs avec les websockets donc je pense pas que ce soit reproductible sans la partie serveur (je récupère la liste de carte avec un socket) (et cette partie la sera pas en ligne avant un bout de temps désolé). 

Difficile de t'orienter davantage sans accès au code.

L'idéal serait un export de cette page en HTML + CSS avec les ressources, que tu met en ligne.

Ça permettrait de tester correctement pour isoler le problème.

-
Edité par MrThuthur 27 mars 2020 à 16:13:15