Using Radix input components with form prop

[thomasst-osu]

I am trying to link Radix input components to a form element located in a different part of the html, but it appears that this is not supported. My use case modifying data inside of an html table row. Since I cannot wrap the entire row, I wanted to use the form prop to link the remote inputs to a form tag located in a different table cell, but it appears that the underlying input tag does not get rendered unless the Radix component is directly wrapped in a form tag.

Is there a way to do this remote form linking?

Desired approach

<table>
  <thead>...</thead>
  <tbody>
    <tr>
      <td><Checkbox name="enabled" form="remote-form-id" /></td>
      <td><form method="post" id="remote-form-id"><button type="submit" /></form>
    </tr>
  </tbody>
</table>

This example is obviously for a checkbox, but I have also tried with the <TextField> and <Select> components as well with no luck.

A hidden input only gets included if I directly wrap the Radix component in a form tag as below....and then the form prop still doesn't work.

<table>
  <thead>...</thead>
  <tbody>
    <tr>
      <td><form method="post"><Checkbox name="enabled" form="remote-form-id" /></form></td>
      <td><form method="post" id="remote-form-id"><button type="submit" /></form>
    </tr>
  </tbody>
</table>