📖 Add dropdown story with forced direction

packages/docs/stories/Dropdown.css

@@ -123,3 +123,27 @@
     position: absolute;
     right: 70px;
 }
+
+.out-of-bounds-example.no-direction-change.uktdropdown {
+    position: relative;
+    margin-top: 220px;
+}
+
+.out-of-bounds-example.no-direction-change .uktdropdown-trigger {
+    width: 255px;
+}
+
+.out-of-bounds-example.no-direction-change.uktdropdown .uktdropdown-body {
+    top: 100%;
+}
+
+#anchor--uikit-controls-dropdown--out-of-bounds-with-no-direction-change
+    .innerZoomElementWrapper
+    > * {
+    overflow: auto;
+    height: 200px;
+}
+
+#anchor--uikit-controls-dropdown--out-of-bounds-with-no-direction-change .sb-story {
+    height: 230px;
+}

packages/docs/stories/Dropdown.stories.tsx

@@ -442,3 +442,19 @@ export const OutOfBoundsAtRight: Story = {
         placeholder: 'Show above & to the left',
     },
 };
+
+export const OutOfBoundsWithNoDirectionChange: Story = {
+    args: {
+        children: (
+            <ul>
+                <li>Antarctica</li>
+                <li>Arctic Circle</li>
+                <li>North Pole</li>
+            </ul>
+        ),
+        className: 'out-of-bounds-example no-direction-change',
+        isSearchable: true,
+        name: 'outofboundsatbottomnodirectionchange',
+        placeholder: 'Show below even though it goes out of bounds',
+    },
+};