P5.js-web-editor: console.table display bug

[dipamsen]

Nature of issue?

• Found a bug

Details about the bug:

console.table does not display properly in console window.

Console.table on MDN web docs

[welcome[bot]]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[catarak]

Thanks for reporting!

[andrewragy]

I can't seem to find seem to find the console table jsx element.

[catarak]

@andrewragy console.table is rendered using the console-feed library!

[ankiiitraj]

I found
In chromium -

In FireFox -

[KKVANONYMOUS]

@catarak I would like to work on this issue. Can you please guide me on where to start?

[catarak]

@KKVANONYMOUS sure! I would take a look at the console-feed library and see what styling attributes you can change.

[KKVANONYMOUS]

@KKVANONYMOUS sure! I would take a look at the [console-feed](https://www.npmjs.com/package/console-feed) library and see what styling attributes you can change.

@catarak I looked for a way to solve this issue in console-feed documentation but could not find anything useful.
I tried changing certain Table related attributes, but nothing happened.
If you know some way out of this, please let me know.

[catarak]

This issue might unfortunately take some digging into the console-feed code—my next approach would be to look into how console.table is implemented, and figure out which of the variables listed in Styles.d.ts it depends on. Another approach might be to change some CSS outside of console-feed.

[Ajaya1000]

Hey, @catarak I would like to take over the issue if no one is currently working on this.

[Ajaya1000]

The problem is in BASE_FONT_SIZE, and it breaks after a value of 14 on Chrome and 18 on firefox. @catarak Please suggest to me how to proceed with it.

[mattbesancon]

@Ajaya1000 how do you know the problem comes from BASE_FONT_SIZE?

[Ajaya1000]

@mattbesancon I tried to debug the style which is passed to the console component(Console-Feed) and after a point, I found out only the BASE_FONT_SIZE style attribute has an effect on the bug. This isn't a problem with the p5-js web editor library, this is the problem of the console-feed package which depends on the react-inspector package.

[catarak]

@Ajaya1000 have you opened an issue in the console-feed or react-inspector libraries?

[Ajaya1000]

@catarak yes. I have opened this issue in the console-feed and the react-inspector library. But no movement so far.

[catarak]

Thanks! Captured in https://github.com/samdenty/console-feed/issues/79.