Using a regular button to trigger a Dialog

[Gawdfrey]

Hi, I was hoping with the new onPress change we would be able to use native buttons to trigger things like Dialogs, like this:

import {Dialog, DialogTrigger, Heading, Input, Label, Modal, TextField} from 'react-aria-components';

<DialogTrigger>
  <button>Sign up…</button>
  <Modal>
    <Dialog>
      <form>
        <Heading slot="title">Sign up</Heading>
        <TextField autoFocus>
          <Label>First Name</Label>
          <Input />
        </TextField>
        <TextField>
          <Label>Last Name</Label>
          <Input />
        </TextField>
        <Button slot="close" style={{ marginTop: 8 }}>
          Submit
        </Button>
      </form>
    </Dialog>
  </Modal>
</DialogTrigger>

But this does not work. I can work around this using the <Pressable/> component, but was hoping not too.
Most likely I am understanding that PR.

[reidbarber]

This the use case <Pressable/> was added for. Is it causing any issues? I think the only other option is making it controlled.

[Gawdfrey]

I guess I was reading that PR differently. But no, not any issues other than I need to wrap it with Pressable, feels a bit hacky 😅
Thanks for the clarification, won't be spending any more time on it!