Ace: La barre de défilement n'est pas visible sur Chrome macOS lorsque l'option du système d'exploitation "Afficher les barres de défilement" n'est pas définie sur "Toujours"

Créé le 5 févr. 2019  ·  3Commentaires  ·  Source: ajaxorg/ace

Il est similaire à # 2872 mais le correctif de ce problème ne fonctionne pas ici. Il ne peut pas être corrigé en définissant un arrière-plan avec une petite opacité, cela ne fonctionne qu'avec des arrière-plans non transparents.
De plus, je n'ai aucun problème avec le dernier Safari 12.0.1 - cela fonctionne sans ce correctif.

macOS Mojave 10.14.1
Chromé 71.0.3578.98

Commentaire le plus utile

Juste pour tous ceux qui arrivent ici (comme moi) de Google pour résoudre ce même problème dans leur propre projet, la solution peut être trouvée sur ce site :

:root {
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,0,0,.2);

  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
}
.overflowing-element::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.overflowing-element::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
}
.overflowing-element::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  /* Add :hover, :active as needed */
}
.overflowing-element::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.overflowing-element::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

Remplacez simplement .overflowing-element par le nom de classe de la div que vous souhaitez afficher dans la barre de défilement.

REMARQUE: Désolé de détourner ce problème, mais ce problème est si difficile à résoudre et à trouver une solution, car Google continue de me diriger vers des problèmes dans Github pour des projets spécifiques ou vers des didacticiels sur la façon d'activer les barres de défilement pour toujours s'afficher dans le MAC OS .

Tous les 3 commentaires

Je pense que c'est le bogue Apple Magic Trackpad. Si vous l'utilisez, instant de la souris, vous n'avez jamais de barre de défilement permanente. Vous aurez également le bug, que l'ACE pense qu'il y a une barre de défilement horizontale et que vous ne pouvez pas cliquer dans la dernière ligne de l'éditeur.

Veuillez vérifier si https://github.com/ajaxorg/ace/pull/3987 résout ce problème

Juste pour tous ceux qui arrivent ici (comme moi) de Google pour résoudre ce même problème dans leur propre projet, la solution peut être trouvée sur ce site :

:root {
  --scrollbar-track-color: transparent;
  --scrollbar-color: rgba(0,0,0,.2);

  --scrollbar-size: .375rem;
  --scrollbar-minlength: 1.5rem; /* Minimum length of scrollbar thumb (width of horizontal, height of vertical) */
}
.overflowing-element::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size);
}
.overflowing-element::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track-color);
}
.overflowing-element::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  /* Add :hover, :active as needed */
}
.overflowing-element::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
.overflowing-element::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

Remplacez simplement .overflowing-element par le nom de classe de la div que vous souhaitez afficher dans la barre de défilement.

REMARQUE: Désolé de détourner ce problème, mais ce problème est si difficile à résoudre et à trouver une solution, car Google continue de me diriger vers des problèmes dans Github pour des projets spécifiques ou vers des didacticiels sur la façon d'activer les barres de défilement pour toujours s'afficher dans le MAC OS .

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

hojas picture hojas  ·  7Commentaires

akosyakov picture akosyakov  ·  3Commentaires

codeofnode picture codeofnode  ·  3Commentaires

mafar picture mafar  ·  4Commentaires

BoasE picture BoasE  ·  4Commentaires