Fixes dropdown arrow on left/right pointing #4896

RELEASE-NOTES.md

@@ -23,6 +23,7 @@
 **Bugs**
 - **Button** - Fixed issue where css specificity caused `icon buttons` to not center correctly #4487
 - **Dropdown** - Fixed bug where clicking `dropdown icon` using remote data would cause nothing to happen #4041
+- **Dropdown** - Fixes issue where `left pointing dropdown` and `right pointing dropdown` appear styled incorrectly when opening `upward` #4896
 - **Dropdown** - Fixed issue where using `fullTextSearch: 'exact'` would still fuzzy search on value **Thanks @ rminnett** #4651 #3424
 - **Dropdown** - Fix bug where `scrolling menu` or `scrolling dropdown` would have excessive right padding by removing scrollbar width from calculation (no longer necessary in modern browsers)
 - **Comments** - `small`, `large` and other comment sizes now default to global size variables.

src/definitions/modules/dropdown.less

@@ -1347,5 +1347,31 @@ select.ui.dropdown {
   margin: @pointingArrowOffset 0em 0em;
 }
 
+/* Right Pointing Upward */
+.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu {
+  top: auto;
+  bottom: 0;
+  margin: 0em @pointingArrowDistanceFromEdge 0em 0em;
+}
+.ui.upward.right.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
+  box-shadow: @pointingArrowBoxShadow;
+}
+
+
+/* Left Pointing Upward */
+.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em 0em @pointingArrowDistanceFromEdge;
+}
+.ui.upward.left.pointing.dropdown:not(.top):not(.bottom) > .menu:after {
+  top: auto;
+  bottom: 0;
+  margin: 0em 0em @pointingArrowDistanceFromEdge 0em;
+  box-shadow: @pointingArrowBoxShadow;
+}
 
 .loadUIOverrides();