Barista: [Campo do filtro] não exibe sugestões no MS Edge
Relatório de erro
Ao clicar no campo de filtro na versão sem cromo do MS Edge, nenhuma sugestão de filtro é exibida. Além disso, ao digitar, o botão limpar tudo não é exibido. Em vez disso, há um "X" bastante feio que limpa a entrada (veja a imagem).
No entanto, isso só acontece quando o aplicativo é compilado com o View Engine em vez do Ivy.
Comportamento esperado
Ao clicar no campo do filtro, as sugestões devem ser mostradas em um componente drop-down, como em outros navegadores.
Comportamento Atual
Clicar no campo de filtro no MS Edge não abre um componente suspenso com as sugestões de filtro. No lugar do menu suspenso, uma pequena borda pode ser vista (veja a imagem).
Passos para reproduzir
- Desative Angular Ivy no tsconfig do aplicativo:
"angularCompilerOptions": {
"enableIvy": false
}
- Clique no campo de filtro em qualquer versão sem cromo do MS Edge.
- Nenhum valor de sugestão é exibido
Contexto (ambiente)
Versões usadas:
- angular : 10.0.9
- @ angular / cdk : 10.1.1
- @ dynatrace / barista-components : 8.0.0
Anexos
Estranho X em vez de "limpar tudo"
Sem lista suspensa, mas com borda visível
Comportamento esperado do Firefox
Comportamento real MS Edge
samuelfahrngruber
Todos 13 comentários
Fiz uma investigação no Edge 16 em uma máquina Windows 10 e nenhum FilterField está exibindo nada no preenchimento automático:
lukasholzer
em 8 set. 2020
@samuelfahrngruber, seu comportamento não é reproduzível, pois no Edge Versão 18 o preenchimento automático é exibido corretamente.
lukasholzer
em 8 set. 2020
@lukasholzer Você está usando as amostras em https://barista.dynatrace.com/? porque eles funcionam bem para mim no Edge 18 também.
No entanto, o problema ocorre apenas com a nova versão 8.0.0 dos componentes barista e os exemplos em https://barista.dynatrace.com/ não usam a v8.0.0.
No momento, não consigo construir um exemplo local com o campo de filtro e barista 8.0.0, pois sempre recebo uma mensagem de erro ao construir um novo projeto com apenas um campo de filtro na página:
ERROR in node_modules/@dynatrace/barista-components/button-group/src/button-group.d.ts:35:9 - error TS2611: 'disabled' is defined as a property in class 'HasTabIndex & DtButtonGroupBase', but is overridden here in 'DtButtonGroup<T>' as an accessor.
35 get disabled(): boolean;
~~~~~~~~
node_modules/@dynatrace/barista-components/button-group/src/button-group.d.ts:76:9 - error TS2611: 'disabled' is defined as a property in class 'HasTabIndex & CanColor<DtButtonGroupThemePalette> & DtButtonGroupItemBase', but is overridden here in 'DtButtonGroupItem<T>' as an accessor.
76 get disabled(): boolean;
~~~~~~~~
Devo registrar outro bug para esse problema?
Além disso, não posso fornecer um exemplo stackblitz porque ele não funciona com o MS Edge.
EDIT: eu criei um bug para este problema # 1577
samuelfahrngruber
em 8 set. 2020
Parece ser um problema com dt-highlight no Edge.
O componente de destaque que é usado dentro de cada opção para o preenchimento automático não renderiza o texto destacado.
Parece estar relacionado ao 'IntersectionObserver` que é usado no componente de destaque. O observador não dispara na borda após a renderização inicial quando a sobreposição é aberta e as primeiras opções se tornam visíveis.
Todos os outros navegadores funcionam conforme o planejado.
O estranho é que IntersectionObserver é suportado desde o Edge 15
thomaspink
em 9 set. 2020
O problema ocorre após a atualização da versão 7.5.1 para 8.0.0 , anteriormente não tínhamos problemas.
samuelfahrngruber
em 9 set. 2020
No momento, verificando se isso está de alguma forma relacionado ao problema nº 1420 (PR nº 1433), onde esta área de código foi tocada pela última vez.
thomaspink
em 9 set. 2020
Como parece ser um bug de IntersectionObserver para o Edge <= 16, estou atualmente pensando em desativar o realce para esses navegadores. Isso o tornaria pelo menos utilizável.
Por favor, deixe-me saber sua opinião sobre esta "solução".
thomaspink
em 9 set. 2020
Parece-me razoável - voto a favor.
moertenschlag
em 9 set. 2020
Como parece ser um bug de
IntersectionObserverpara o Edge <= 16, estou atualmente pensando em desativar o realce para esses navegadores. Isso o tornaria pelo menos utilizável.
Por favor, deixe-me saber sua opinião sobre esta "solução".
Talvez também para outras versões Edge sem cromo.
Para mim, o problema também ocorre com o Edge 18.
Versão exata:
Microsoft Edge 44.19041.423.0
Microsoft EdgeHTML 18.19041
Bom ponto - mesmo em meus testes.
{browserName: MicrosoftEdge, browserVersion: 44.18362.449.0, javascriptEnabled: true, pageLoadStrategy: normal, platform: WINDOWS, platformName: WINDOWS, setWindowRect: false, timeouts: {implícito: 0, pageLoad: 300000, script: 30000},, zal: screenResolution : 1600x1200, zal: tz : Europe / Vienna}
moertenschlag
em 9 set. 2020
Estou questionando por que o usamos se não temos o suporte do navegador para ele. 🤔 AFAIK temos que oferecer suporte a todas as versões do Edge ou?
https://caniuse.com/intersectionobserver
lukasholzer
em 10 set. 2020
@thomaspink alguma atualização sobre este bug?
moertenschlag
em 14 set. 2020
Depois de investigar mais, o bug só ocorre quando o antigo View Engine é usado em vez do Ivy.
Reproduzível desativando Ivy
"angularCompilerOptions": {
"enableIvy": false
}
e clicando no campo de filtro no MS Edge.
samuelfahrngruber
em 15 set. 2020
Questões relacionadas
areknow
·
12Comentários
lukasholzer
·
8Comentários
Sherif-Elhefnawy
·
7Comentários
kaikcreator
·
10Comentários
bradking1329
·
3Comentários
Comentários muito úteis
Como parece ser um bug de
IntersectionObserverpara o Edge <= 16, estou atualmente pensando em desativar o realce para esses navegadores. Isso o tornaria pelo menos utilizável.Por favor, deixe-me saber sua opinião sobre esta "solução".