p5.js-web-editor icon indicating copy to clipboard operation
p5.js-web-editor copied to clipboard

Published 20 hours ago • verified publisher icon processing

console.table display bug

Open dipamsen opened this issue 4 years ago • 22 comments

Nature of issue?

  • Found a bug

Details about the bug:

console.table does not display properly in console window.

image

Console.table on MDN web docs

dipamsen avatar Jul 28 '20 17:07 dipamsen

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.

welcome[bot] avatar Jul 28 '20 17:07 welcome[bot]

Thanks for reporting!

catarak avatar Jul 28 '20 19:07 catarak

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

andrewragy avatar Jul 29 '20 22:07 andrewragy

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

catarak avatar Jul 30 '20 17:07 catarak

I found In chromium - Screenshot from 2020-08-27 18-25-43

In FireFox - Screenshot from 2020-08-27 18-26-51

ankiiitraj avatar Aug 27 '20 12:08 ankiiitraj

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

KKVANONYMOUS avatar Dec 12 '20 04:12 KKVANONYMOUS

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

catarak avatar Dec 14 '20 16:12 catarak

@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.

KKVANONYMOUS avatar Jan 16 '21 07:01 KKVANONYMOUS

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.

catarak avatar Jan 26 '21 23:01 catarak

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

Ajaya1000 avatar Feb 22 '21 07:02 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.

Ajaya1000 avatar Feb 22 '21 08:02 Ajaya1000

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

mattbesancon avatar Feb 26 '21 16:02 mattbesancon

@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.

Ajaya1000 avatar Mar 01 '21 04:03 Ajaya1000

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

catarak avatar Mar 10 '21 22:03 catarak

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

Ajaya1000 avatar Mar 13 '21 15:03 Ajaya1000

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

catarak avatar Mar 18 '21 20:03 catarak

@raclim is this issue not related to p5web-editor

parteekcoder avatar Feb 27 '23 11:02 parteekcoder

i m new to open source . is this issue resolved ?

achyutvardhan avatar Oct 02 '23 06:10 achyutvardhan

@Ajaya1000 Hey, could you please tell me if this issue is resolved or not? if not i would like to work on this issue

vraj8902 avatar Oct 23 '23 10:10 vraj8902

@catarak Can i work on this issue if not resolved ?

vraj8902 avatar Oct 23 '23 12:10 vraj8902

Hi @catarak, can i know if the issue is solved?

ssai-manoj avatar Jan 02 '24 06:01 ssai-manoj