LemmyNet/jerboa

Markdown table cell widths shrink with phone viewport when too many columns to display

bappitybup opened this issue · 5 comments

Jerboa Version

0.0.72

Android Version + Phone

Android 15 QPR3, Google Pixel 8 Pro

Describe The Bug

image
above is a table with a lot of content, shown in Jerboa

image
above is the same table, shown in the web browser

I think the table cells in jerboa are being forcibly shrunk to fit the width of the phone viewport when there are too many columns with too much content in them.

To Reproduce

  1. Go to this post in Jerboa: https://lemmy.world/post/19384001
  • OR make a post with the source in the spoiler below and view it in the app
table markdown from a post I noticed had the bug (click to expand)
CWS|Pos|AB|R|H|RBI|BB|SO||BAL|Pos|AB|R|H|RBI|BB|SO||
:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|
[Corey Julks](http://mlb.mlb.com/team/player.jsp?player_id=667452)|RF|4|0|0|0|0|1|.226/.291/.618|[Gunnar Henderson](http://mlb.mlb.com/team/player.jsp?player_id=683002)|SS|3|3|1|0|2|1|.277/.364/.895
[Luis Robert Jr.](http://mlb.mlb.com/team/player.jsp?player_id=673357)|CF|4|0|0|0|0|2|.216/.271/.661|[Livan Soto](http://mlb.mlb.com/team/player.jsp?player_id=670869)|SS|0|0|0|0|0|0|.000/.000/.000
[Andrew Benintendi](http://mlb.mlb.com/team/player.jsp?player_id=643217)|LF|3|0|1|0|0|1|.218/.279/.656|[Adley Rutschman](http://mlb.mlb.com/team/player.jsp?player_id=668939)|C|5|0|1|0|0|1|.258/.325/.732
[Zach DeLoach](http://mlb.mlb.com/team/player.jsp?player_id=676113)|LF|1|0|0|0|0|0|.143/.226/.405|[Ryan O'Hearn](http://mlb.mlb.com/team/player.jsp?player_id=656811)|1B|3|2|1|1|2|1|.269/.345/.782
[Andrew Vaughn](http://mlb.mlb.com/team/player.jsp?player_id=683734)|1B|3|0|1|0|1|0|.236/.291/.677|[Anthony Santander](http://mlb.mlb.com/team/player.jsp?player_id=623993)|RF|3|2|2|2|1|1|.242/.313/.834
[Gavin Sheets](http://mlb.mlb.com/team/player.jsp?player_id=657757)|DH|4|0|0|0|0|1|.241/.311/.676|[Austin Slater](http://mlb.mlb.com/team/player.jsp?player_id=596103)|RF|0|0|0|0|0|0|.217/.335/.618
[Korey Lee](http://mlb.mlb.com/team/player.jsp?player_id=686676)|C|4|0|1|0|0|1|.213/.244/.590|[Colton Cowser](http://mlb.mlb.com/team/player.jsp?player_id=681297)|LF|3|2|1|2|2|1|.247/.327/.774
[Lenyn Sosa](http://mlb.mlb.com/team/player.jsp?player_id=672820)|3B|4|0|1|0|0|2|.215/.247/.538|[Eloy Jiménez](http://mlb.mlb.com/team/player.jsp?player_id=650391)|DH|4|0|2|0|1|0|.254/.307/.665
[Miguel Vargas](http://mlb.mlb.com/team/player.jsp?player_id=678246)|3B|0|0|0|0|0|0|.176/.273/.574|[Cedric Mullins](http://mlb.mlb.com/team/player.jsp?player_id=656775)|CF|4|0|1|1|1|1|.227/.294/.690
[Brooks Baldwin](http://mlb.mlb.com/team/player.jsp?player_id=681460)|2B|3|0|0|0|0|1|.211/.250/.566|[Jackson Holliday](http://mlb.mlb.com/team/player.jsp?player_id=702616)|2B|4|0|0|0|0|1|.181/.233/.562
[Jacob Amaya](http://mlb.mlb.com/team/player.jsp?player_id=676070)|SS|3|0|2|0|0|1|.267/.313/.580|[Emmanuel Rivera](http://mlb.mlb.com/team/player.jsp?player_id=656896)|3B|4|0|0|0|0|1|.215/.297/.585

CWS|IP|H|R|ER|BB|SO|P-S|ERA|BAL|IP|H|R|ER|BB|SO|P-S|ERA|
:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|
[Nick Nastrini](http://mlb.mlb.com/team/player.jsp?player_id=680897)|1.2|4|7|4|6|2|72-30|7.79|[Cade Povich](http://mlb.mlb.com/team/player.jsp?player_id=700249)|7.1|5|0|0|0|10|98-70|5.76
[Jared Shuster](http://mlb.mlb.com/team/player.jsp?player_id=694363)|2.1|2|1|1|1|5|48-29|4.57|[Burch Smith](http://mlb.mlb.com/team/player.jsp?player_id=572143)|0.2|0|0|0|0|0|9-5|4.53
[Jairo Iriarte](http://mlb.mlb.com/team/player.jsp?player_id=683568)|1.0|1|1|1|2|1|28-14|9.00|[Craig Kimbrel](http://mlb.mlb.com/team/player.jsp?player_id=518886)|1.0|1|0|0|1|0|20-10|3.99
[Matt Foster](http://mlb.mlb.com/team/player.jsp?player_id=641582)|2.0|1|0|0|0|0|24-15|0.00||||||||||
[Enyel De Los Santos](http://mlb.mlb.com/team/player.jsp?player_id=660853)|1.0|1|0|0|0|0|20-15|5.54||||||||||


Linescore|1|2|3|4|5|6|7|8|9|R|H|E
:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|:--|
Chicago White Sox|0|0|0|0|0|0|0|0|0|0|6|1
Baltimore Orioles|3|4|0|1|1|0|0|0||9|9|1

Inning|Scoring Play Description|Score
:--|:--|:--
bottom 1 | Ryan O'Hearn doubles (18) on a line drive to right fielder Corey Julks.   Gunnar Henderson scores. |1-0 BAL
bottom 1 | Anthony Santander doubles (23) on a sharp line drive to center fielder Luis Robert Jr.  Ryan O'Hearn scores. |2-0 BAL
bottom 1 | Colton Cowser singles on a sharp line drive to right fielder Corey Julks.   Anthony Santander scores. |3-0 BAL
bottom 2 | Colton Cowser walks.   Gunnar Henderson scores.    Ryan O'Hearn to 3rd.    Anthony Santander to 2nd. |4-0 BAL
bottom 2 | Eloy Jiménez reaches on a fielding error by third baseman Miguel Vargas.   Ryan O'Hearn scores.    Anthony Santander scores.    Colton Cowser scores.    Eloy Jiménez to 2nd. |7-0 BAL
bottom 4 | Cedric Mullins singles on a ground ball to center fielder Luis Robert Jr.  Colton Cowser scores.    Eloy Jiménez to 3rd. |8-0 BAL
bottom 5 | Anthony Santander out on a sacrifice fly to left fielder Andrew Benintendi.   Gunnar Henderson scores.    Adley Rutschman to 3rd. |9-0 BAL


## FINAL: 9-0 BAL

In the case of a crash or when relevant include the logs

No response

We use https://github.com/noties/Markwon to render markdown. Like every other Lemmy/Reddit app. The library is kinda dead. I am pretty sure the problem is with the library. I don't know enough the about library to say if this is expected behaviour or not. They might simple have not implemented yet a way to scroll tables horizontal if they are too big.

Yep this is out of our control really. You'll need to open up an issue on markwon and link it here. They might be able to do some kind of internal side-scrollable container if the content is too wide.

They won't be doing anything, its dead.

This library has a lot of active development (and I'm using it in other apps where the markdown doesn't need too much tweaking). But I doubt it could work for us as is, considering all the extra markdown features we need.

https://github.com/jeziellago/compose-markdown

If we were to switch, I would rather pick a library that is multiplatform.
Like this one.

https://github.com/mikepenz/multiplatform-markdown-renderer