Ace: La barra de desplazamiento no está visible en Chrome macOS cuando la opción del sistema operativo "Mostrar barras de desplazamiento" no está configurada en "Siempre"

Creado en 5 feb. 2019  ·  3Comentarios  ·  Fuente: ajaxorg/ace

Es similar a # 2872 pero la solución de ese problema no funciona aquí. No se puede arreglar configurando un fondo con poca opacidad, solo funciona con fondos no transparentes.
Además, no tengo ningún problema con el último Safari 12.0.1: funciona sin esa solución.

macOS Mojave 10.14.1
cromo 71.0.3578.98

Comentario más útil

Solo para cualquiera que llegue aquí (como yo) desde Google para solucionar este mismo problema en su propio proyecto, la solución se puede encontrar en este sitio :

: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);
}

Simplemente reemplace .overflowing-element con el nombre de la clase para el div que desea mostrar en la barra de desplazamiento.

NOTA: Perdón por secuestrar este problema, pero este problema es muy difícil de resolver y encontrar una solución, porque Google sigue dirigiéndome a problemas en Github para proyectos específicos o tutoriales sobre cómo habilitar las barras de desplazamiento para que se muestren siempre en MAC OS. .

Todos 3 comentarios

Creo que este es el error Apple Magic Trackpad. Si lo usa, instantáneamente con el mouse, nunca tendrá una barra de desplazamiento permanente. También tendrás el error de que el ACE cree que hay una barra de desplazamiento horizontal y no puedes hacer clic en la última línea del editor.

Verifique si https://github.com/ajaxorg/ace/pull/3987 soluciona esto

Solo para cualquiera que llegue aquí (como yo) desde Google para solucionar este mismo problema en su propio proyecto, la solución se puede encontrar en este sitio :

: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);
}

Simplemente reemplace .overflowing-element con el nombre de la clase para el div que desea mostrar en la barra de desplazamiento.

NOTA: Perdón por secuestrar este problema, pero este problema es muy difícil de resolver y encontrar una solución, porque Google sigue dirigiéndome a problemas en Github para proyectos específicos o tutoriales sobre cómo habilitar las barras de desplazamiento para que se muestren siempre en MAC OS. .

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

featurecat picture featurecat  ·  4Comentarios

mkosieradzki picture mkosieradzki  ·  4Comentarios

dimroc picture dimroc  ·  6Comentarios

BoasE picture BoasE  ·  4Comentarios

xfix picture xfix  ·  5Comentarios