add extra props to dropdownmenu

apps/app/src/components/Sidebar/PageCreateButton/DropendMenu.tsx

@@ -72,7 +72,10 @@ export const DropendMenu = React.memo((props: DropendMenuProps): JSX.Element =>
         </li>
       </ul> */}
 
-      <DropdownMenu container="body">
+      <DropdownMenu
+        container="body"
+        style={{ zIndex: 1055 }}
+      >
         <DropdownItem
           onClick={onClickCreateNewPageButtonHandler}
         >

apps/app/src/components/Sidebar/PageCreateButton/PageCreateButton.tsx

@@ -4,7 +4,6 @@ import type { IUserHasId } from '@growi/core';
 import { pagePathUtils } from '@growi/core/dist/utils';
 import { format } from 'date-fns';
 import { useTranslation } from 'react-i18next';
-import { Dropdown } from 'reactstrap';
 
 import { useOnTemplateButtonClicked } from '~/client/services/use-on-template-button-clicked';
 import { toastError } from '~/client/util/toastr';
@@ -17,7 +16,6 @@ import { DropendMenu } from './DropendMenu';
 import { DropendToggle } from './DropendToggle';
 import { useOnNewButtonClicked, useOnTodaysButtonClicked } from './hooks';
 
-
 const generateTodaysPath = (currentUser: IUserHasId, parentDirName: string) => {
   const now = format(new Date(), 'yyyy/MM/dd');
   const userHomepagePath = pagePathUtils.userHomepagePath(currentUser);
@@ -75,11 +73,9 @@ export const PageCreateButton = React.memo((): JSX.Element => {
           disabled={isNewPageCreating || isTodaysPageCreating || isTemplatePageCreating}
         />
       </div>
-      <Dropdown
-        direction="end"
-      >
+      <div className="btn-group dropend position-absolute">
         <DropendToggle
-          // className="dropdown-toggle dropdown-toggle-split"
+          className="dropdown-toggle dropdown-toggle-split"
           data-bs-toggle="dropdown"
           aria-expanded="false"
         />
@@ -89,7 +85,7 @@ export const PageCreateButton = React.memo((): JSX.Element => {
           onClickTemplateButtonHandler={onClickTemplateButtonHandler}
           todaysPath={todaysPath}
         />
-      </Dropdown>
+      </div>
     </div>
   );
 });