-
Notifications
You must be signed in to change notification settings - Fork 78
[dt-key-value-list] Expanding selection - text displacement #690
Comments
I can confirm that this is reproducible within the stackblitz application. This will be a fun one to debug.
It seems that the wrapper you are setting (especially the display flex) if messing with the styles of the key-value list overflow. In general, the key value list would be able to display two or more columns. You can pass number of columns you want into the key-value-list component itself (https://barista.dynatrace.com/components/key-value-list/#multiple-columns). We will need to see why chrome and safari are behaving weirdly in a flex container, though. |
It seems that the styling of the barista/libs/barista-components/key-value-list/src/key-value-list-item.scss Lines 20 to 27 in ae82a88
|
Thanks for taking care of it so quickly! |
Bug Report
Expected Behavior
When text is selected from key-value list component, with "shift+arrow" text selection will be expanded / shrinked.
Current Behavior
It expands selection, but it also moves selected text in key-value pair.
Steps to Reproduce
Example code: https://stackblitz.com/edit/github-bd8pek
Bug exists in Chrome. My version is 80.0.3987.122 (Official Build) (64-bit). I've checked it in Firefox and there it works fine. I'm using Windows 10.
Used Versions:
Attachments
The text was updated successfully, but these errors were encountered: