diff --git a/src/elements/table-placeholder.tsx b/src/elements/table-placeholder.tsx
index a220526..0e29ff2 100644
--- a/src/elements/table-placeholder.tsx
+++ b/src/elements/table-placeholder.tsx
@@ -11,6 +11,7 @@ import { __ } from '@wordpress/i18n';
import { useState, createInterpolateElement } from '@wordpress/element';
import { BlockIcon } from '@wordpress/block-editor';
import { Button, Placeholder, TextControl, ToggleControl } from '@wordpress/components';
+import { isAppleOS } from '@wordpress/keycodes';
/**
* Internal dependencies
@@ -97,10 +98,15 @@ export default function TablePlaceholder( { setAttributes }: Props ) {
>
diff --git a/src/settings/global-settings/help-modal.tsx b/src/settings/global-settings/help-modal.tsx
index 3029a24..76899e5 100644
--- a/src/settings/global-settings/help-modal.tsx
+++ b/src/settings/global-settings/help-modal.tsx
@@ -15,6 +15,7 @@ import {
__experimentalText as Text,
__experimentalHeading as Heading,
} from '@wordpress/components';
+import { isAppleOS } from '@wordpress/keycodes';
type Props = {
setIsHelpModalOpen: Dispatch< SetStateAction< boolean > >;
@@ -43,10 +44,15 @@ export default function HelpModal( { setIsHelpModalOpen }: Props ) {
{ __( 'Select multiple cells', 'flexible-table-block' ) }
{ createInterpolateElement(
- __(
- 'Hold Ctrl
key to select multiple cells or hold Shift
key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.',
- 'flexible-table-block'
- ),
+ isAppleOS()
+ ? __(
+ 'Hold Command
key to select multiple cells. Hold Shift
key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.',
+ 'flexible-table-block'
+ )
+ : __(
+ 'Hold Ctrl
key to select multiple cells. Hold Shift
key to select the range. Selecting multiple cells is used to merge cells or to change styles of multiple cells.',
+ 'flexible-table-block'
+ ),
{ code:
}
) }