Skip to content

🐛 BUG: textarea inside of table cell causes end of table to shift #1077

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kfranqueiro opened this issue May 20, 2025 · 0 comments
Open
Labels
needs triage Issue needs to be triaged

Comments

@kfranqueiro
Copy link

What version of @astrojs/compiler are you using?

2.12.0

What package manager are you using?

npm

What operating system are you using?

Linux

Describe the Bug

Given the following template including a textarea in a table cell, and a paragraph after the table:

<!DOCTYPE html>
<html>
  <body>
  <table>
    <tr>
      <td><textarea name="test"></textarea></td>
    </tr>
  </table>
  <p>Hello!</p>
  </body>
</html>

This results in the p being rendered inside of the table but outside of any tr, which is invalid, and causes browsers to shift it above the table.

<!DOCTYPE html>
<html>

<body>
  <table>
    <tr>
      <td><textarea name="test"></textarea></td>
    </tr>
    <p>Hello!</p>
  </table>
</body>

</html>

This does not happen if the table includes tbody. I haven't found elements other than textarea that cause this.

Link to Minimal Reproducible Example

https://gist.github.com/kfranqueiro/5b6e8699ce9e9b96e5b4e3fa14353e4c

@github-actions github-actions bot added the needs triage Issue needs to be triaged label May 20, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs triage Issue needs to be triaged
Projects
None yet
Development

No branches or pull requests

1 participant