Currently, Does the Sheet component have a way to disable autofocus on open?

[oriolmontcreus]

I've already tried: openFocus={null} .

  <Sheet
  openFocus={null}
  open={selectedProject !== null}
>
    <SheetContent>

but it isnt working. In shadcn from react it would look something like this: onOpenAutoFocus={(e) => e.preventDefault()}.
The docs of the Sheet component already reproduces this autofocus behaviour.

[nikitaiavdeev]

You should be able to do this to disable open autofocus

<Sheet.Content
  onOpenAutoFocus={(e) => {
    e.preventDefault();
  }}
>

[oriolmontcreus]

'onOpenAutoFocus' doesnt exist for neither the Sheet.Content or Sheet.Root.

This is my current implementation (autofocus not disabled).

<script lang="ts">
  import * as Sheet from "$lib/components/ui/sheet/index.js";
<Sheet.Root open={p !== null}>
</script>

  <Sheet.Content>
    <Sheet.Header>
      <Sheet.Title>{p.title}</Sheet.Title>
      <Sheet.Description>
        <div class="flex items-center">
          <UserAvatar
            src={p.creator.avatar}
            username={p.creator.username}
            className="mr-2"
          />
          <span>Created by {p.creator.username}</span>
        </div>
      </Sheet.Description>
    </Sheet.Header>
         <span>Data here</span>
  </Sheet.Content>
</Sheet.Root>

[nikitaiavdeev]

It does on my side. Are you using next for bits-ui and shandcs-svelte?

[oriolmontcreus]

Oh thats weird. Yes im using shadcn-svelte, a clean install with npx shadcn-svelte@latest add sheet and its still not working. For reference im using Astro and Svelte, and yes I have bits-ui installed.

[nikitaiavdeev]

I'm sorry, I assumed you're using -next version. It looks like "onOpenAutoFocus" option was added for the -next version and isn't available in -latest.

https://next.bits-ui.com/docs/components/dialog#open-focus

[oriolmontcreus]

Yeah.. thats what I thought would happen... Well, I have come with a "solution".

<script>
  function disableAutofocus(): FocusTarget {
    return document.querySelector(".disable-autofocus") as FocusTarget;
  }
</script>

<Sheet open={p !== null} openFocus={() => disableAutofocus()}>
  <SheetContent>
    <!-- Disable autofocus -->
    <span
      class="disable-autofocus"
      tabindex="-1"
    />
...

This is nasty but works, I guess I will use this.
I appreciate the help @nikitaiavdeev =)