BUGFIX: Render dropdown contents even when dropdown is closed

Until now, dropdown contents were `null`ed when the dropdown is closed.
This leads to unneccessary re-renders every time the dropdown visibility
is toggled.

This commit changes this logic. Dropdown contents are now always
rendered, but hidden when the dropdown is closed.

packages/react-ui-components/src/DropDown/contents.tsx

@@ -214,25 +214,22 @@ export default class ShallowDropDownContents extends PureComponent<ShallowDropDo
             }
         );
 
-        if (isOpen) {
-            const contents = (
-                <ul
-                    className={finalClassName}
-                    aria-hidden={isOpen ? 'false' : 'true'}
-                    aria-label="dropdown"
-                    role="listbox"
-                    onClick={closeDropDown}
-                    style={this.state.style}
-                    data-ignore_click_outside={true}
-                >
-                    {children}
-                </ul>
-            );
-
-            return scrollable
-                ? ReactDOM.createPortal(contents, document.body)
-                : contents;
-        }
-        return null;
+        const contents = (
+            <ul
+                className={finalClassName}
+                aria-hidden={isOpen ? 'false' : 'true'}
+                aria-label="dropdown"
+                role="listbox"
+                onClick={closeDropDown}
+                style={this.state.style}
+                data-ignore_click_outside={true}
+            >
+                {children}
+            </ul>
+        );
+
+        return scrollable
+            ? ReactDOM.createPortal(contents, document.body)
+            : contents;
     }
 }