Select element always has downwards orientation

[singhda8]

Bug description:

When clicking on a select element, the drop down always expands downwards. In cases where the select is at the edge of the screen, the options get cut off and require scrolling the window to see all options.

Code template for creating drop-down:

<sui-select placeholder="Animals" class="selection">
      <sui-select-option value="Dog"></sui-select-option>
      <sui-select-option value="Cat"></sui-select-option>
      <sui-select-option value="Kirby"></sui-select-option>
      <sui-select-option value="Yoshi"></sui-select-option>
 </sui-select>

Expected Behavior

The drop down should expand upwards if all options can't be displayed in the normal downwards flow. This is the behavior of the Semantic UI drop-downs as shown on this page:
https://semantic-ui.com/modules/dropdown.html

Working example

See this stackblitz example:
https://stackblitz.com/edit/angular-awt9dw?file=src%2Fapp%2Fapp.component.html

The select at the bottom always gets cut off.

Versions

Angular: 7.0.2
ng2-semantic-ui: 0.9.7