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)
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.
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.
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.
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.
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:
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.