@momentum-design/components 0.123.3 → 0.123.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +1 -3
- package/dist/browser/index.js.map +2 -2
- package/dist/components/dialog/dialog.styles.js +0 -2
- package/dist/components/select/select.component.js +7 -2
- package/dist/custom-elements.json +1502 -1502
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
|
@@ -83,7 +83,6 @@ const styles = css `
|
|
|
83
83
|
height: var(--mdc-dialog-height);
|
|
84
84
|
max-width: 100%;
|
|
85
85
|
max-height: calc(100vh - 2rem);
|
|
86
|
-
overflow-y: auto;
|
|
87
86
|
}
|
|
88
87
|
|
|
89
88
|
:host::part(header-section),
|
|
@@ -122,7 +121,6 @@ const styles = css `
|
|
|
122
121
|
height: 100%;
|
|
123
122
|
width: 100%;
|
|
124
123
|
padding-top: 1rem;
|
|
125
|
-
overflow-y: auto;
|
|
126
124
|
}
|
|
127
125
|
|
|
128
126
|
:host::part(footer) {
|
|
@@ -559,28 +559,33 @@ class Select extends ListNavigationMixin(CaptureDestroyEventForChildElement(Auto
|
|
|
559
559
|
case KEYS.ENTER:
|
|
560
560
|
case KEYS.SPACE:
|
|
561
561
|
this.displayPopover = true;
|
|
562
|
+
event.preventDefault();
|
|
562
563
|
event.stopPropagation();
|
|
563
564
|
break;
|
|
564
565
|
case KEYS.HOME: {
|
|
565
566
|
this.displayPopover = true;
|
|
566
567
|
this.resetTabIndexAndSetFocusAfterUpdate(0);
|
|
568
|
+
event.preventDefault();
|
|
569
|
+
event.stopPropagation();
|
|
567
570
|
break;
|
|
568
571
|
}
|
|
569
572
|
case KEYS.END: {
|
|
570
573
|
this.displayPopover = true;
|
|
571
574
|
this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.length - 1);
|
|
575
|
+
event.preventDefault();
|
|
576
|
+
event.stopPropagation();
|
|
572
577
|
break;
|
|
573
578
|
}
|
|
574
579
|
default: {
|
|
575
580
|
if (event.key.length === 1) {
|
|
576
581
|
this.displayPopover = true;
|
|
577
582
|
this.handleSelectedOptionByKeyInput(event.key);
|
|
583
|
+
event.preventDefault();
|
|
584
|
+
event.stopPropagation();
|
|
578
585
|
}
|
|
579
586
|
break;
|
|
580
587
|
}
|
|
581
588
|
}
|
|
582
|
-
event.preventDefault();
|
|
583
|
-
event.stopPropagation();
|
|
584
589
|
}
|
|
585
590
|
resetTabIndexAndSetFocusAfterUpdate(newOptionIndex) {
|
|
586
591
|
if (this.displayPopover) {
|