I have a question about the implementation of 'cmdk'.

[flex-boram]

Hello, I am using 'cmdk' quite well.

I noticed that all keydown events under Command.Root are managed under the onKeyDown event of Command.Root. I'm curious why the scope of the event isn't separately defined in this case.

In my situation, I added a custom component under Command.Root, which is not one of the components provided by 'cmdk'. Even when the custom element is focused, I noticed that focus-roving and item selection events behave the same way, and that's why I have this question.

onKeyDown={(e) => {
	etc.onKeyDown?.(e)

	// But we may need to validate all custom attributes with the 'cmdk' prefix.
	if (e.target instanceof HTMLElement && e.target.hasAttribte('cmdk-...')) {
		// block focus-roving and select
	}

	if (!e.defaultPrevented) {
		...
	}
}

import * as Popover from '@radix-ui/react-popover'

return (
  <Popover.Root>
    <Popover.Trigger>Toggle popover</Popover.Trigger>

    <Popover.Content>
      <Command>
        <Command.Input />
        <Command.List>
          <Command.Item>Apple</Command.Item>
        </Command.List>
        {/** I can reach the button via Tab, but I want to block events like Keyboard Up/Down, Enter, and other events that propagate. */}
        <CustomElement>
          <Button>Footer button</Button>
        <CustomElement/>
      </Command>
    </Popover.Content>
  </Popover.Root>
)