Editing/Adding a multiline cell gets hidden/covered by table header

App Building
1
  • Goal: I have a table that has the capability of editing and adding rows. Some of the columns are defined as multiline strings. When writing text to these cells the header covers the edit field:

Screenshot 2024-12-05 at 09.30.54
Screenshot 2024-12-05 at 09.30.542429×130 17.8 KB

I would like the edit field to either expand downwards or be on top of the header.

  • Steps:
    Create a table that has a header with a multiline string column that is editable. The table as I currently have it has:

  • Row height: dynamic

  • Toolbar at the top of the table

  • Details: Version 3.52.7

3

Hi @zbyju,

Thanks for reaching out. I am actually having trouble reproducing this (hopefully that means we'll be able to find a fix!). Any chance you could DM me a JSON export of the app

4

Currently our solution is to use a custom CSS rule, which works so far:

[role="rowgroup"] {
  z-index: 1000;
}
5

That being said it would be nice if this was solved more concretely.

6

Thank you for the export, super helpful!

This looks like a bug :disappointed: I'll flag it to our team for a fix. Glad you have a workaround for the time being (thanks for sharing it here!)