Mensagem de status personalizada na frente do cabeçalho e outros elementos

Descrição do problema:
A mensagem de status personalizada do usuário não é ocultada pelo banner, mesmo quando a postagem que o usuário viu desaparece, tornando-a visualmente desagradável.
Uma imagem do problema está anexada:

Comportamento esperado:
A mensagem de status é ocultada pelo banner

Comportamento atual:
O status é exibido na frente do banner.

Passos para reproduzir:
Clique no status personalizado de um usuário e role para cima até que a postagem desapareça de vista. Então, você ainda poderá ver a mensagem de status na frente do banner na parte superior da página.

O bug aparece neste link:
(Não tenho certeza se isso sou só eu)

Navegador/SO/Dispositivo:
Aplicativo Replit/Android / Samsung Galaxy

Ocorrências semelhantes:


Descobri que ele fica na frente da barra onde você pode voltar ou avançar.
Aqui está uma imagem útil:

5 curtidas

Eu consigo reproduzir:

Obrigado pelo relatório :+1:

4 curtidas

Eu dei uma olhada nisso. Duas coisas importantes:

  1. Isso acontece apenas no celular
  2. Isso não acontece apenas com tooltips de status de usuário, mas também com alguns outros tooltips que também são implementados usando o componente DTooltip

No desktop, usamos o evento mouseenter como gatilho para o tooltip. Quando o mouse sai do tooltip, ele desaparece, então tudo funciona perfeitamente.

No celular, o gatilho para o tooltip é um clique, e para o tooltip desaparecer, o usuário precisa clicar fora do tooltip. Por causa disso, o tooltip não desaparece ao rolar. Este é o comportamento padrão de tooltips feitos usando a biblioteca tippy.js que usamos internamente.

Estou trabalhando na correção no momento e já tenho um rascunho funcional. A solução será ocultar o tooltip ao rolar no celular. E isso corrigirá todos os tooltips baseados em DTooltip.

3 curtidas

Aqui está a correção para o problema nos tópicos:

Por algum motivo, isso não funciona no chat, vou investigar e corrigir em uma atualização futura.

3 curtidas

isso está acontecendo no meu iPad em visualização de desktop, bem como no celular. no Safari, Chrome e Firefox no iOS 16.6.

2 curtidas

Olá @andrei!
Sinto informar que este bug ainda aparece em um fórum Discourse (Um diferente desta vez).
Ele também aparece neste tópico…

2 curtidas

Ainda não parece que a correção foi mesclada, então você pode ter que esperar um pouco mais para testar. :+1:

4 curtidas

Acabamos de mesclar a correção, ela está no branch principal agora. Lembre-se que ela apenas resolve o problema em tópicos, existe um problema semelhante no chat, que será abordado separadamente mais tarde.

2 curtidas

Olá @andrei!
Vejo que o cabeçalho muda e o status desaparece quando chega ao topo. É esta a correção?

1 curtida

A correção faz com que as dicas de ferramentas desapareçam ao rolar. Após a correção, em telas sensíveis ao toque, as dicas de ferramentas desaparecem quando você começa a rolar.

1 curtida

Certo. Obrigado pelo conserto!

1 curtida

Olá a todos!
Isso apareceu novamente em outro fórum.
Outros fóruns como este e o Ask desvanecem o cabeçalho, mas este fórum não.
Posso acrescentar que se você rolar rapidamente para cima quando o status ainda estiver sendo exibido, ele se sobreporá, mas o cabeçalho não reagirá rápido o suficiente para escondê-lo.

  1. O cabeçalho em si não os oculta
  2. Não baseie nenhum relatório de bug nos fóruns da SB, está praticamente sempre desatualizado.
4 curtidas

Semelhante a outro bug que relatei sobre o status personalizado estar na frente de algo, aqui está outro:


Como você pode ver, o status ainda está visível, sobrepondo a barra lateral, mesmo que o usuário tenha rolado para longe da vista.

1 curtida

Como podem ver, o status personalizado ataca novamente!
Descobri que ele fica na frente da barra onde se pode voltar ou avançar.
Aqui está uma imagem útil:

Outro problema com o status personalizado:
https://meta.discourse.org/t/custom-status-in-front-of-sidebar/277328?u=natedhaliwal
Parece que o status personalizado está com problemas.

1 curtida

@NateDhaliwal obrigado por relatar esses problemas!

Observe que, mais precisamente, os problemas estão relacionados a componentes que usamos para mostrar dicas de ferramentas avançadas em todo o aplicativo. Usamos dicas de ferramentas avançadas para mostrar status, mas também as usamos para outras coisas. Portanto, problemas semelhantes podem ser reproduzidos com outras dicas de ferramentas. A correção que forneci acima corrigiu apenas os casos mais gerais.

Estamos trabalhando em mais alterações nos componentes para dicas de ferramentas avançadas, portanto, haverá mais atualizações aqui. Cuidaremos desses problemas.

5 curtidas

Há mais um: no chat:


Acredito que isso já foi mencionado:

4 curtidas

@j.jaffeux fez um grande retrabalho nas dicas de ferramentas (e outros pop-ups) em

Como parte desse trabalho, os problemas descritos neste tópico também foram corrigidos. Acabei de testar e

  • não há sobreposição de dicas de status no chat
  • as dicas de ferramentas desaparecem ao abrir a barra lateral
  • as dicas de ferramentas não aparecem acima da barra de navegação inferior no celular
3 curtidas