Updated per feedback

Author: Eric Olkowski

packages/react-core/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx

@@ -46,7 +46,7 @@ export const BreadcrumbDropdown: React.FunctionComponent = () => {
           toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
             <MenuToggle ref={toggleRef} onClick={onToggle} isExpanded={isOpen} variant="plain">
               <Badge isRead screenReaderText="additional items">
-                {dropdownItems.length}
+                {dropdownItems.length}{' '}
                 <span>
                   <CaretDownIcon />
                 </span>

packages/react-core/src/components/Dropdown/Dropdown.tsx

@@ -52,7 +52,6 @@ const DropdownBase: React.FunctionComponent<DropdownProps> = ({
 }: DropdownProps) => {
   const localMenuRef = React.useRef<HTMLDivElement>();
   const toggleRef = React.useRef<HTMLButtonElement>();
-  const containerRef = React.useRef<HTMLDivElement>();
   const ouiaProps = useOUIAProps(Dropdown.displayName, ouiaId, ouiaSafe);
 
   const menuRef = (innerRef as React.RefObject<HTMLDivElement>) || localMenuRef;
@@ -106,23 +105,21 @@ const DropdownBase: React.FunctionComponent<DropdownProps> = ({
       isPlain={isPlain}
       isScrollable={isScrollable}
       {...props}
+      {...ouiaProps}
     >
       <MenuContent>{children}</MenuContent>
     </Menu>
   );
   return (
-    <div ref={containerRef} {...ouiaProps}>
-      <Popper
-        trigger={toggle(toggleRef)}
-        triggerRef={toggleRef}
-        popper={menu}
-        popperRef={menuRef}
-        appendTo={containerRef.current || undefined}
-        isVisible={isOpen}
-        zIndex={zIndex}
-        {...popperProps}
-      />
-    </div>
+    <Popper
+      trigger={toggle(toggleRef)}
+      triggerRef={toggleRef}
+      popper={menu}
+      popperRef={menuRef}
+      isVisible={isOpen}
+      zIndex={zIndex}
+      {...popperProps}
+    />
   );
 };
 

packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx

@@ -118,7 +118,7 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
           toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
             <MenuToggle ref={toggleRef} onClick={() => onToggle(true, 'app')} isExpanded={isOpen} variant="plain">
               <Badge isRead screenReaderText="additional item">
-                1
+                1{' '}
                 <span>
                   <CaretDownIcon />
                 </span>

packages/react-core/src/demos/examples/DateTimePicker/DateTimePicker.tsx

@@ -59,13 +59,7 @@ export const DateTimePicker: React.FunctionComponent = () => {
       isOpen={isTimeOpen}
       onOpenChange={(isOpen: boolean) => setIsTimeOpen(isOpen)}
       toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
-        <MenuToggle
-          ref={toggleRef}
-          onClick={onToggleTime}
-          isExpanded={isTimeOpen}
-          variant="plain"
-          aria-label="Time picker"
-        >
+        <MenuToggle ref={toggleRef} onClick={onToggleTime} isExpanded={isTimeOpen} aria-label="Time picker">
           <OutlinedClockIcon aria-hidden="true" />
         </MenuToggle>
       )}