Ace: A barra de rolagem não está visível no Chrome macOS quando a opção do SO "Mostrar barras de rolagem" não está definida como "Sempre"

Criado em 5 fev. 2019 · 3Comentários · Fonte: ajaxorg/ace

É semelhante ao #2872, mas a correção desse problema não funciona aqui. Não pode ser corrigido definindo um plano de fundo com pouca opacidade, funciona apenas com planos de fundo não transparentes.
Além disso, não tenho problemas no Safari 12.0.1 mais recente - funciona sem essa correção.

macOS Mojave 10.14.1
Chrome 71.0.3578.98

Fonte

jakub-zawislak

Comentários muito úteis

Apenas para quem chega aqui (como eu) do Google para corrigir esse mesmo problema em seu próprio projeto, a solução pode ser encontrada neste 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);
}

Basta substituir .overflowing-element pelo nome da classe para o div que você deseja mostrar na barra de rolagem.

NOTA: Desculpe seqüestrar este problema, mas este problema é tão difícil de resolver e encontrar uma solução, porque o Google continua me direcionando para problemas no Github para projetos específicos ou para tutoriais sobre como habilitar as barras de rolagem para sempre mostrar no MAC OS .

Exadra37 em 29 abr. 2020

👍3

Todos 3 comentários

Eu acho que este é o bug do Apple Magic Trackpad. Se você usá-lo, instante do mouse, você nunca terá uma barra de rolagem permanente. Também terá o bug, que o ACE acha que existe uma barra de rolagem horizontal e você não pode clicar na última linha do editor.

MrSpoocy em 19 mar. 2019

👍1

Verifique se https://github.com/ajaxorg/ace/pull/3987 corrige isso

nightwing em 14 jun. 2019

Apenas para quem chega aqui (como eu) do Google para corrigir esse mesmo problema em seu próprio projeto, a solução pode ser encontrada neste 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);
}

Basta substituir .overflowing-element pelo nome da classe para o div que você deseja mostrar na barra de rolagem.

Exadra37 em 29 abr. 2020

👍3

Esta página foi útil?

0 / 5 - 0 avaliações