这是indexloc提供的服务,不要输入任何密码
Skip to content

The long table overflow in mobile screen. #776

@PrinOrange

Description

@PrinOrange

Hi, there 👋

Describe the bug

When insert a long lengh table in post and it renders overflow in horizontal direction, such as this example

image

This bug situation is similar to #766 but the problem element is table. I'm trying to take same measure of your solution in #766 to fix this bug: add the class prose-table: overflow-x-auto, I want to add a horizontal scrollbar to absorb the overflow but it does not work.

In fact, not merely the KateX block, table-block, there still many potential problems for markdown element horizontal overflow.

So, is there anything common solution to solve this problem?

To Reproduce
Steps to reproduce the behavior:

  1. insert a long table in post
|      | col_name1 | col_name2 | col_name3 | col_name4 | col_name5 | col_name6 | col_name7 | col_name8 | col_name9 | col_name0 |
|------|-----------|-----------|-----------|-----------|-----------|-----------|-----------|-----------|-----------|-----------|
| row1 |           |           |           |           |           |           |           |           |           |           |
| row2 |           |           |           |           |           |           |           |           |           |           |
  1. Open the devtools and enable the mobile-simulator, make page width small and observe the element overflow

Expected behavior

I'm seeking for a common solution for adding horizontal scrollbar to deplete the overflow for any markdown element.

Thank you very much.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions