From 9eaf5953c91de3693807f5a4b70f59b3178b2db3 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Thu, 29 Jul 2021 10:07:52 -0400 Subject: [PATCH 1/2] fix border styles when control is active --- packages/web-components/src/select/select.styles.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/web-components/src/select/select.styles.ts b/packages/web-components/src/select/select.styles.ts index bb4871c7e20c8e..d837e27162d7dd 100644 --- a/packages/web-components/src/select/select.styles.ts +++ b/packages/web-components/src/select/select.styles.ts @@ -153,15 +153,14 @@ export const selectStyles = (context, definition) => :host(:not([disabled])) .control:active { background: ${neutralFillInputActive}; border-color: ${neutralStrokeActive}; + border-radius: calc(${controlCornerRadius} * 1px); } - :host([open][position='above']) .listbox, - :host([open][position='below']) .control { + :host([open][position='above']) .listbox { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } - :host([open][position='above']) .control, :host([open][position='below']) .listbox { border-top-left-radius: 0; border-top-right-radius: 0; From bce1ff3bcd982b751b3ac0b666a0dae3296d5018 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Thu, 29 Jul 2021 10:09:20 -0400 Subject: [PATCH 2/2] Change files --- ...eb-components-028bc033-4b14-45d6-bbf1-eacc6664f876.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-web-components-028bc033-4b14-45d6-bbf1-eacc6664f876.json diff --git a/change/@fluentui-web-components-028bc033-4b14-45d6-bbf1-eacc6664f876.json b/change/@fluentui-web-components-028bc033-4b14-45d6-bbf1-eacc6664f876.json new file mode 100644 index 00000000000000..41b90314e4cb98 --- /dev/null +++ b/change/@fluentui-web-components-028bc033-4b14-45d6-bbf1-eacc6664f876.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix border styles when control is active", + "packageName": "@fluentui/web-components", + "email": "corylaviska@microsoft.com", + "dependentChangeType": "patch" +}