images inside tables not working

[jothikannan89]

Hi,

Thanks for the wonderful project, I have been using this excellent piece of work on my project. Everything is working as expected. But When we have the images inside the table cells, the images are not inside the cells in md file. instead it listing the images first then it showing the table rows and columns without the images.

[  {
    "img": {
      "source": "XXXXXXXXXXXXXXX",
      "title": "",
      "alt": ""
    }
  },
  {
    "img": {
      "source": "YYYYYYYYYYYYYYYYy",
      "title": "",
      "alt": ""
    }
  },
  {
    "img": {
      "source": "ZZZZZZZZZZZZZZZZZZZZZZZZZ",
      "title": "",
      "alt": ""
    }
  },
  },
  {
    "table": {
      "headers": [
        "Oval",
        "Represents the beginning or end of a <span style={{color:\"rgb(55, 112, 152)\"}}>process</span>."
      ],
      "rows": [
        [
          "Rectangle",
          "Represents each step involved in the <span style={{color:\"rgb(55, 112, 152)\"}}>process</span>."
        ],
        [
          "Arrow",
          "Represents the directional flow of the <span style={{color:\"rgb(55, 112, 152)\"}}>process</span>."
        ],
        [
          "Diamond",
          "Represents decision-making."
        ],
        [
          "Parallelogram",
          "Represents the input or output of a <span style={{color:\"rgb(55, 112, 152)\"}}>process</span>."
        ]
      ]
    }
  }
]

[cedricdelpoux]

Thanks for reporting this. I don't have much time to investigate this right now but PRs are welcome if you want to help

[cedricdelpoux]

Thanks for the report and sorry for the long silence.

Root cause: getTableCellContent called formatText without the inlineImages option, so any image found inside a table cell was pushed to this.elements as a standalone element instead of staying inline in the cell — which matches exactly what you were seeing (images listed before the table, empty cells).

Fixed in 2.4.10, verified with a real table containing an image (before: image outside the table, cell empty / after: image rendered inside the <td>/<th>, no image outside the table).

Please upgrade to gatsby-source-google-docs@2.4.10.