From aa9be7380b61af17375b14655b54e0bc48357034 Mon Sep 17 00:00:00 2001
From: eljefe223 <jes@microsoft.com>
Date: Mon, 16 Nov 2020 13:01:56 -0800
Subject: [PATCH 1/2] fix: radio group orientation vertical broken

---
 .../src/radio-group/fixtures/radio-group.html             | 2 +-
 .../web-components/src/radio-group/radio-group.styles.ts  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/web-components/src/radio-group/fixtures/radio-group.html b/packages/web-components/src/radio-group/fixtures/radio-group.html
index 23bf22dc301ffb..e21cc868edb74f 100644
--- a/packages/web-components/src/radio-group/fixtures/radio-group.html
+++ b/packages/web-components/src/radio-group/fixtures/radio-group.html
@@ -25,7 +25,7 @@ <h4>Single radio</h4>
   <h4>With label outside group</h4>
   <div style="display: flex; flex-direction: column; margin-top: 12px;">
     <label id="label1">Outside label</label>
-    <fluent-radio-group required="true" aria-labelledby="label1" name="fruits">
+    <fluent-radio-group required="true" aria-labelledby="label1" name="fruits" orientation="vertical">
       <fluent-radio value="apples">Apples</fluent-radio>
       <fluent-radio value="oranges">Oranges</fluent-radio>
       <fluent-radio value="bananas">Bananas</fluent-radio>
diff --git a/packages/web-components/src/radio-group/radio-group.styles.ts b/packages/web-components/src/radio-group/radio-group.styles.ts
index 586f98ba84663f..065d709ce73565 100644
--- a/packages/web-components/src/radio-group/radio-group.styles.ts
+++ b/packages/web-components/src/radio-group/radio-group.styles.ts
@@ -12,4 +12,12 @@ export const RadioGroupStyles = css`
     display: flex;
     flex-wrap: wrap;
   }
+
+  :host([orientation='vertical']) .positioning-region {
+    flex-direction: column;
+  }
+
+  :host([orientation='horizontal']) .positioning-region {
+    flex-direction: row;
+  }
 `;

From acfa184d4d6000b3b104d312c855a344b38b9095 Mon Sep 17 00:00:00 2001
From: eljefe223 <jes@microsoft.com>
Date: Mon, 16 Nov 2020 13:06:32 -0800
Subject: [PATCH 2/2] Change files

---
 ...0-11-16-13-06-32-users-jes-radiogroup-orientation.json | 8 ++++++++
 1 file changed, 8 insertions(+)
 create mode 100644 change/@fluentui-web-components-2020-11-16-13-06-32-users-jes-radiogroup-orientation.json

diff --git a/change/@fluentui-web-components-2020-11-16-13-06-32-users-jes-radiogroup-orientation.json b/change/@fluentui-web-components-2020-11-16-13-06-32-users-jes-radiogroup-orientation.json
new file mode 100644
index 00000000000000..4c4d117e23d824
--- /dev/null
+++ b/change/@fluentui-web-components-2020-11-16-13-06-32-users-jes-radiogroup-orientation.json
@@ -0,0 +1,8 @@
+{
+  "type": "minor",
+  "comment": "fix: radio group orientation vertical broken",
+  "packageName": "@fluentui/web-components",
+  "email": "jes@microsoft.com",
+  "dependentChangeType": "patch",
+  "date": "2020-11-16T21:06:32.783Z"
+}