Barista: [dt-key-value-list] Extension de la sélection - déplacement du texte
Rapport d'erreur
Comportement prévisible
Lorsque le texte est sélectionné dans le composant de liste clé-valeur, avec "shift+flèche", la sélection de texte sera étendue/réduite.
Comportement actuel
Il étend la sélection, mais il déplace également le texte sélectionné dans la paire clé-valeur.
Étapes pour reproduire
Exemple de code : https://stackblitz.com/edit/github-bd8pek
- Sélectionnez la valeur dans la dernière paire clé-valeur de la première liste KV
- Avec "shift+flèche droite" développez la sélection
- Quand il sortira de la liste KV, une chose étrange se produira avec la paire clé-valeur sélectionnée.
Un bug existe dans Chrome. Ma version est 80.0.3987.122 (version officielle) (64 bits). Je l'ai vérifié dans Firefox et là, ça marche bien. J'utilise Windows 10.
Versions utilisées :
- nœud : 12.12.6
- npm : 4.1.5
- tapuscrit : 3.7.5
- angulaire : 9.0.4
- @angular/cdk : 8.2.3
- @dynatrace/barista-components : 5.2.0
Pièces jointes
b-wohs
Tous les 3 commentaires
Je peux confirmer que cela est reproductible dans l'application stackblitz.
Ce sera amusant à déboguer.
- Firefox semble fonctionner.
- Edge semble fonctionner au moins dans l'application barista.
- Safari rencontre le même problème.
Il semble que le wrapper que vous définissez (en particulier le flex d'affichage) dérange les styles du débordement de la liste de valeurs-clés.
En général, la liste de valeurs clés peut afficher deux colonnes ou plus. Vous pouvez transmettre le nombre de colonnes que vous souhaitez dans le composant clé-valeur-liste lui-même (https://barista.dynatrace.com/components/key-value-list/#multiple-columns).
Nous devrons cependant voir pourquoi chrome et safari se comportent bizarrement dans un conteneur flexible.
tomheller
le 4 mars 2020
Il semble que le style du key-value-list-item-key::after , avec la définition d'une longue bordure pour remplir les valeurs entre la clé et la valeur, le gâche dans un conteneur flexible. D'une manière ou d'une autre, le débordement ne fonctionne plus ici.
tomheller
le 4 mars 2020
Merci de vous en être occupé si rapidement !
b-wohs
le 5 mars 2020
Questions connexes
ffriedl89
·
11Commentaires
tomheller
·
21Commentaires
samuelfahrngruber
·
13Commentaires
areknow
·
12Commentaires
subarroca
·
14Commentaires
Commentaire le plus utile
Merci de vous en être occupé si rapidement !